.mbox-hd:before,.mbox-hd:after,.main-hd:before,.main-hd:after,.main-bd:before,.main-bd:after,.detail-summary:before,.detail-summary:after,.mbox-bd:before,.mbox-bd:after,.comment-wrapper .comment-option:before,.comment-wrapper .comment-option:after,.detail-block:before,.detail-block:after,.entity-info .control-group:before,.entity-info .control-group:after,.detail-block>.block-head:before,.detail-block>.block-head:after{
    display:table;
    content:" "
}
.mbox-hd:after,.mbox-bd:after,.main-hd:after,.main-bd:after,.detail-summary:after,.comment-wrapper .comment-option:after,.detail-block:after,.entity-info .control-group:after,.detail-block>.block-head:after{
    clear:both
}
body{
    background:#eee;
    overflow:hidden
}
.layout-hastips{
    padding:20px
}
.layout-hastips>.table-tray>.tray-tips{
    width:350px;
    padding-left:20px
}
#navigation{
    height:50px;
    position:relative;
    z-index:1002
}
#navigation{
    position:relative
}
#mainContainer{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:50px;
    min-width:1024px
}
.module-view{
    min-height:100%
}
.aside{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:220px;
    background:#273240;
    z-index:3;
    -webkit-transition:left .2s linear;
    -moz-transition:left .2s linear;
    -ms-transition:left .2s linear;
    transition:left .2s linear
}
.main{
    bottom:0;
    position:absolute;
    right:0;
    top:0;
    left:0;
    -webkit-transition:left .2s linear;
    -moz-transition:left .2s linear;
    -ms-transition:left .2s linear;
    transition:left .2s linear
}
.aside:not(.no-module-data)+.main{
    left:220px
}
.no-module-data{
    left:-220px
}
.no-module-data+.main .main-hd .toolkit-item:not(.fr){
    display:none!important
}
.graph,[class^="graph-16"],[class*=" graph-16"],[class^="graph-28"],[class*=" graph-28"]{
    background-image:url(../images/eteams_icons.png);
    background-repeat:no-repeat;
    display:inline-block;
    vertical-align:middle
}
.graph.hide{
    display:none
}
[class^="graph-16"],[class*=" graph-16"]{
    height:16px;
    width:16px
}
[class^="graph-28"],[class*=" graph-28"]{
    height:28px;
    width:28px
}
.graph-16-man{
    background-position:-96px -254px
}
.graph-16-saleChance{
    background-position:-304px -286px
}
.graph-16-flag{
    background-position:-287px -254px
}
.graph-16-clock{
    background-position:-128px -254px
}
.graph-16-mans{
    background-position:-80px -254px
}
.graph-16-label{
    background-position:-32px -254px
}
.graph-16-commonlabel{
    background-position:-240px -254px
}
.graph-16-pie{
    background-position:-16px -254px
}
.graph-16-linkitem{
    background-position:-64px -254px
}
.graph-16-task{
    background-position:-208px -254px
}
.graph-16-document{
    background-position:-112px -254px
}
.graph-16-customer{
    background-position:-256px -254px
}
.graph-16-workflow{
    background-position:-272px -254px
}
.graph-16-link{
    background-position:-64px -254px
}
.detail-block.on .block-head .graph-16-link{
    background-position:-64px -270px
}
.graph-16-lock{
    background-position:-304px -254px
}
.graph-16-parent{
    background-position:-320px -254px
}
.graph-16-word{
    background-position:-336px -254px
}
.graph-16-type{
    background-position:-352px -254px
}
.graph-16-share{
    background-position:-48px -254px
}
.graph-16-subtask{
    background-position:0 -254px
}
.graph-16-path{
    background-position:-144px -254px
}
.graph-16-attach{
    background-position:-176px -254px
}
.graph-16-place{
    background-position:-160px -254px
}
.graph-16-calendar{
    background-position:-336px -286px
}
.graph-16-folder{
    background-position:-352px -286px
}
.graph-16-clue{
    background-position:-240px -286px
}
.graph-16-thin-home{
    background-position:0 0
}
.graph-16-thin-task{
    background-position:-32px 0
}
.graph-16-thin-blog{
    background-position:-16px 0
}
.graph-16-thin-goal{
    background-position:-48px 0
}
.graph-16-thin-doc{
    background-position:-64px 0
}
.graph-16-thin-crm{
    background-position:-80px 0
}
.graph-16-thin-flow{
    background-position:-96px 0
}
.graph-16-thin-agenda{
    background-position:-112px 0
}
.graph-16-thin-report{
    background-position:-128px 0
}
.graph-16-thin-stat{
    background-position:-144px 0
}
.graph-16-thin-enterprise{
    background-position:-160px 0
}
.graph-16-thin-attend{
    background-position:-176px 0
}
.graph-16-thin-formstat{
    background-position:-192px 0
}
.graph-16-thin-contact{
    background-position:-208px 0
}
.graph-16-thin-follow{
    background-position:-224px 0
}
.graph-16-thin-cog{
    background-position:-240px 0
}
.graph-16-thin-cog1{
    background-position:-256px 0
}
.graph-16-thin-user{
    background-position:-272px 0
}
.graph-16-thin-dollar{
    background-position:-304px 0
}
.graph-16-thin-pro{
    background-position:-320px 0
}
.graph-16-thin-competitor{
    background-position:-336px 0
}
.graph-16-thin-clue{
    background-position:-334px -32px
}
.graph-16-folder{
    background-position:-352px -286px
}
.graph-16-remind{
    background-position:-320px -286px
}
.graph-16-vs{
    background-position:-336px -286px
}
.graph-16-percent{
    background-position:-272px -286px
}
.graph-16-diy{
    background-position:-256px -286px
}
.detail-block.on .block-head .graph-16-diy{
    background-position:-256px -302px
}
.graph-16-info{
    background-position:-288px -286px
}
.detail-block.on .block-head .graph-16-info{
    background-position:-288px -302px
}
.graph-28-pencil{
    background-position:0 -92px
}
.img-24,.img-32,.img-36{
    background-color:#eee;
    display:inline-block
}
.img-24{
    background-size:24px 24px;
    height:24px;
    width:24px
}
.img-24{
    background-size:32px 32px;
    height:32px;
    width:32px
}
.img-36{
    background-size:36px 36px;
    height:36px;
    width:36px
}
.navigation{
    background:#2dc3e8
}
.navigation .dropdown>a:not(.selectui-result):hover,.navigation .dropdown.open>a:not(.selectui-result){
    -webkit-box-shadow:0 -3px 3px rgba(0,0,0,0.3);
    -o-box-shadow:0 -3px 3px rgba(0,0,0,0.3);
    box-shadow:0 -3px 3px rgba(0,0,0,0.3)
}
.user-menu .dropdown-user,.navigation .dropdown-menu{
    border:0;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);
    -o-box-shadow:0 2px 5px rgba(0,0,0,0.3);
    box-shadow:0 2px 5px rgba(0,0,0,0.3);
    margin-top:0
}
.user-panel{
    width:220px;
    float:left;
    padding:0 15px 0 10px;
    height:100%;
    position:relative;
    -webkit-transition:background-color .2s linear;
    -o-transition:background-color .2s linear;
    transition:background-color .2s linear
}
.user-panel.open,.user-menu .teampanel{
    background:#0092b6
}
.user-panel .user-avatar{
    margin:5px 9px 0 0;
    border-radius:50%
}
.user-panel .user-avatar img{
    border-radius:50%;
    border:1px solid #fff;
    height:38px;
    width:38px
}
.user-panel .user-item em{
    font-style:normal;
    display:inline-block;
    width:60px;
    vertical-align:middle
}
.user-menu>a{
    height:48px;
    font-size:14px;
    color:#fff;
    display:block;
    text-decoration:none;
    position:relative
}
.user-menu>a>p{
    line-height:18px
}
.user-menu>a>p.user-team{
    color:rgba(255,255,255,0.8);
    font-size:12px
}
.user-menu>a>.user-person{
    padding-top:6px
}
.user-menu>a>p.single{
    padding-top:0;
    line-height:48px
}
.user-menu .user-name{
    display:inline-block;
    vertical-align:middle;
    max-width:60px
}
.user-menu>a span.hide{
    display:none
}
.user-menu>a>p>i{
    font-size:16px;
    margin:0 5px;
    vertical-align:middle;
    -webkit-transition:all .15s ease;
    -o-transition:all .15s ease;
    transition:all .15s ease
}
.dropdown.open .user-menu>a>p>i{
    -webkit-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.top-user-menu>a>p{
    display:block
}
.top-user-menu>a>p.user-team.hide{
    display:none
}
.user-menu .dropdown-user{
    width:757px;
    overflow-y:auto;
    padding:0;
    background:#ededed;
    border:0;
    z-index:501
}
.user-menu-backdrop{
    background:rgba(0,0,0,0.5);
    z-index:500;
    position:fixed;
    top:50px;
    left:0;
    right:0;
    bottom:0
}
.user-menu .teampanel{
    padding:12px 20px
}
.user-menu .teampanel .a-team{
    background:transparent;
    color:#fff;
    border-color:#50b4cc
}
.user-menu .teampanel .a-team:hover{
    background-color:#23b7e5;
    border-color:#18aedb
}
.user-menu .teampanel .a-team:active{
    background-color:#1f9fd1
}
.user-menu .teampanel .teams-swich .e-selectui{
    width:250px
}
.user-menu .teampanel .teams-swich .selectui-result{
    background:0;
    color:#fff;
    border-color:#50b4cc
}
.user-menu .teampanel .teams-swich .selectui-result:hover{
    background:#0286a7
}
.user-menu .teampanel .teams-swich .dropdown-menu a{
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    color:#fff
}
.user-menu .teampanel .teams-swich .dropdown-menu>.active>a,.user-menu .teampanel .teams-swich .dropdown-menu a:hover{
    background:#fff;
    color:#000
}
.user-menu .teampanel .teams-swich .txt{
    line-height:30px;
    font-size:12px;
    color:rgba(255,255,255,0.8);
    display:inline-block;
    margin-right:5px
}
.user-menu .mypanel{
    width:166px;
    padding:0 16px
}
.user-menu .mypanel .avatar{
    width:54px;
    height:54px;
    margin:16px auto 25px
}
.user-menu .mypanel .avatar img{
    width:52px;
    height:52px;
    border:2px solid #fff;
    border-radius:50%
}
.user-menu .mypanel .myoption{
    margin:0 auto;
    width:90%
}
.user-menu .mypanel .myoption .btn{
    border-radius:3px;
    background-color:transparent;
    color:#666
}
.user-menu .mypanel .myoption .btn.on{
    background-color:#488fbc;
    border-color:#397ca7;
    color:#fff
}
.user-menu .mypanel .myoption .btn:hover{
    background-color:#2dc1e6;
    color:#fff;
    border-color:#02aed9
}
.user-menu .mypanel .myoption .btn+.btn{
    margin-top:10px
}
.user-menu .otherspanel{
    width:566px
}
.user-menu .hint{
    font-style:italic;
    color:#979797;
    line-height:30px;
    padding:12px 0
}
.user-space-search{
    float:right;
    position:relative
}
.user-menu .user-space-search .search-btn{
    position:absolute;
    height:28px;
    width:28px;
    line-height:28px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    color:#999;
    top:0;
    right:0
}
.user-menu .user-space-search .search-btn:hover{
    color:#5d9cec
}
.user-menu .user-space-search input{
    padding-right:30px
}
.user-menu .user-tab{
    width:100%;
    border-radius:3px 3px 0 0;
    background:#f5f5f5;
    border-bottom:2px solid #ccc;
    height:40px
}
.user-menu .user-tab>li{
    width:33.3333%;
    float:left
}
.user-menu .user-tab.nosub>li{
    width:50%
}
.user-menu .user-tab>li>a{
    display:block;
    line-height:38px;
    height:40px;
    color:#999;
    background:#f5f5f5;
    text-align:center;
    border-bottom:2px solid #ccc;
    border-right:2px solid #fff;
    text-decoration:none
}
.user-menu .user-tab>li:last-child>a{
    border-right:0
}
.user-menu .user-tab>li.active>a{
    font-weight:bold;
    color:#2dc3e8;
    background:#fff;
    border-bottom-color:#2dc3e8;
    -webkit-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
.user-menu .user-list-container{
    height:215px!important;
    padding:10px 0 10px 10px;
    background-color:#fff;
    border-radius:0 0 3px 3px
}
.user-list-container ul{
    padding-right:10px;
    position:relative
}
.user-menu .user-item{
    border-radius:5px;
    float:left;
    height:40px;
    padding:5px 10px;
    width:25%
}
.user-menu .user-item:hover{
    background-color:#f5f5f5
}
.user-menu .user-item>a{
    line-height:30px;
    color:#666
}
.user-menu .user-item>a:hover{
    color:#08c
}
.user-menu .user-item .avatar{
    border-radius:50%;
    height:30px;
    width:30px;
    vertical-align:middle;
    margin-right:3px
}
.user-menu .user-item .icon-comments{
    display:none;
    text-decoration:none
}
.user-menu .user-item:hover .icon-comments{
    display:block
}
.user-menu .user-follow-btns{
    margin:10px 0;
    text-align:center
}
.user-menu .useroption{
    padding:12px 25px 12px 0;
    width:100%
}
.user-menu .useroption .btn{
    float:right;
    margin-left:18px;
    border-radius:2px
}
.base-nav{
    float:left
}
.base-nav .nav-ul>li,.base-nav .nav-ul .nav-autolis>li{
    float:left;
    position:relative
}
.base-nav .nav-ul>li>a,.base-nav .nav-ul .nav-autolis>li>a{
    display:block;
    padding:0 16px;
    line-height:50px;
    height:50px;
    font-size:16px;
    color:#fff;
    text-decoration:none;
    -webkit-transition:background-color .2s linear,color .2s linear;
    -o-transition:background-color .2s linear,color .2s linear;
    transition:background-color .2s linear,color .2s linear
}
.base-nav .nav-ul>li>a,.base-nav .nav-ul .nav-autolis>li>a{
    width:105px;
    text-align:center
}
.base-nav .nav-ul li.nav-homeli>a{
    width:auto
}
.base-nav .nav-ul li>a:hover,.base-nav .nav-ul li.active>a{
    background-color:#02aed9
}
.base-nav .nav-homeli .message-count{
    padding:1px 3px;
    border-radius:7px;
    background:#f94521;
    color:#fff;
    line-height:1;
    min-width:14px;
    position:absolute;
    top:10px;
    right:2px;
    font-size:12px;
    font-style:normal
}
.base-nav .nav-homeli .message-count:empty{
    display:none
}
.base-nav .nav-homeli .dropdown-menu>li>a{
    padding:5px 60px 5px 40px;
    position:relative
}
.base-nav .nav-homeli .badge{
    margin-top:2px;
    position:absolute;
    right:16px;
    top:5px
}
.base-nav .graph{
    height:16px;
    width:16px
}
.base-nav .nav-homeli .dropdown-menu .graph{
    height:16px;
    width:16px;
    margin:0 8px 2px -4px;
    position:absolute;
    left:20px;
    top:8px
}
.base-nav .nav-homeli .dropdown-menu>li>a{
    padding:5px 60px 5px 40px;
    position:relative
}
.base-nav .nav-homeli .dropdown-menu .graph1{
    background-position:0 -334px
}
.base-nav .nav-homeli .dropdown-menu .graph2{
    background-position:-48px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph3{
    background-position:-64px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph4{
    background-position:-80px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph5{
    background-position:-144px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph6{
    background-position:-32px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph7{
    background-position:-112px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph8{
    background-position:-16px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph9{
    background-position:-128px -334px
}
.base-nav .nav-homeli .dropdown-menu .graph10{
    background-position:-96px -334px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph1{
    background-position:0 -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph2{
    background-position:-48px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph3{
    background-position:-64px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph4{
    background-position:-80px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph5{
    background-position:-144px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph6{
    background-position:-32px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph7{
    background-position:-112px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph8{
    background-position:-16px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph9{
    background-position:-128px -350px
}
.base-nav .nav-homeli .dropdown-menu li:hover .graph10{
    background-position:-96px -350px
}
.base-nav .nav-ul li .graph{
    height:16px;
    width:16px;
    margin-top:-3px
}
.base-nav .nav-ul li .graph+span{
    margin-left:8px;
    white-space:nowrap
}
.base-nav .sub-cate dd a span:nth-of-type(1){
    display:none
}
.base-nav .nav-ul .more-li>a{
    width:117px
}
.base-nav .nav-ul .more-li>a:hover,.base-nav .nav-ul .more-li.open>a{
    background:#fff!important;
    color:#48484e;
    border:0;
    position:relative;
    z-index:2
}
.base-nav .nav-ul .more-li>a>i{
    display:inline-block;
    margin-left:10px
}
.base-nav .sub-cate{
    position:absolute;
    left:0;
    background:#fff;
    border:0;
    z-index:1;
    padding:16px 20px 8px;
    white-space:nowrap
}
.base-nav .sub-cate .group{
    display:inline-block;
    vertical-align:top
}
.base-nav .sub-cate .group+.group{
    margin-left:35px
}
.base-nav .sub-cate .group dl{
    width:166px
}
.base-nav .sub-cate dl+dl{
    padding-top:16px;
    border-top:1px solid #f1f1f1
}
.base-nav .sub-cate dt{
    font-weight:bold
}
.base-nav .sub-cate dd{
    padding:12px 0
}
.base-nav .sub-cate dd a{
    display:block;
    height:27px;
    line-height:27px;
    color:#666;
    padding:0 9px;
    margin-bottom:6px;
    text-decoration:none;
    border-radius:2px;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear
}
.base-nav .sub-cate dd a.hide{
    display:none
}
.base-nav .sub-cate dd a:last-child{
    margin-bottom:0
}
.base-nav .sub-cate dd a:hover{
    color:#323232;
    background:#f3f3f3
}
.base-nav .sub-cate dd a .graph{
    margin-right:13px;
    margin-top:-2px
}
.base-nav .sub-cate dd a:hover .graph{
    opacity:1
}
.base-nav .nav-ul li>a>.graph-home{
    background-position:0 0
}
.base-nav .nav-ul li>a>.graph-task{
    background-position:-32px 0
}
.base-nav .nav-ul li>a>.graph-wechatservice{
    background-position:-288px 0
}
.base-nav .nav-ul li>a>.graph-blog{
    background-position:-16px 0
}
.base-nav .nav-ul li>a>.graph-goal{
    background-position:-48px 0
}
.base-nav .nav-ul li>a>.graph-doc{
    background-position:-64px 0
}
.base-nav .nav-ul li>a>.graph-crm{
    background-position:-80px 0
}
.base-nav .nav-ul li>a>.graph-flow{
    background-position:-96px 0
}
.base-nav .nav-ul li>a>.graph-agenda{
    background-position:-112px 0
}
.base-nav .nav-ul li>a>.graph-report{
    background-position:-128px 0
}
.base-nav .nav-ul li>a>.graph-stat{
    background-position:-144px 0
}
.base-nav .nav-ul li>a>.graph-enterprise{
    background-position:-160px 0
}
.base-nav .nav-ul li>a>.graph-attend{
    background-position:-176px 0
}
.base-nav .nav-ul li>a>.graph-formstat{
    background-position:-192px 0
}
.base-nav .nav-ul li>a>.graph-contact{
    background-position:-208px 0
}
.base-nav .nav-ul li>a>.graph-salechance{
    background-position:-304px 0
}
.base-nav .nav-ul li>a>.graph-production{
    background-position:-320px 0
}
.base-nav .nav-ul li>a>.graph-competitor{
    background-position:-336px 0
}
.base-nav .nav-ul li>a>.graph-clue{
    background-position:-336px -32px
}
.base-nav .sub-cate .graph-home{
    background-position:0 -16px
}
.base-nav .sub-cate .graph-task{
    background-position:-32px -16px
}
.base-nav .sub-cate .graph-wechatservice{
    background-position:-288px -16px
}
.base-nav .sub-cate .graph-blog{
    background-position:-16px -16px
}
.base-nav .sub-cate .graph-goal{
    background-position:-48px -16px
}
.base-nav .sub-cate .graph-doc{
    background-position:-64px -16px
}
.base-nav .sub-cate .graph-crm{
    background-position:-80px -16px
}
.base-nav .sub-cate .graph-flow{
    background-position:-96px -16px
}
.base-nav .sub-cate .graph-agenda{
    background-position:-112px -16px
}
.base-nav .sub-cate .graph-report{
    background-position:-128px -16px
}
.base-nav .sub-cate .graph-stat{
    background-position:-144px -16px
}
.base-nav .sub-cate .graph-enterprise{
    background-position:-160px -16px
}
.base-nav .sub-cate .graph-attend{
    background-position:-176px -16px
}
.base-nav .sub-cate .graph-formstat{
    background-position:-192px -16px
}
.base-nav .sub-cate .graph-contact{
    background-position:-208px -16px
}
.base-nav .sub-cate .graph-salechance{
    background-position:-304px -16px
}
.base-nav .sub-cate .graph-production{
    background-position:-320px -16px
}
.base-nav .sub-cate .graph-competitor{
    background-position:-336px -16px
}
.base-nav .sub-cate .graph-clue{
    background-position:-338px -50px
}
.base-nav .nav-autolis{
    float:left;
    max-width:105px;
    height:50px;
    overflow:hidden
}
.base-nav .nav-autolis.hideli>li:not(.active){
    display:none!important
}
@media(min-width:1150px){
    .base-nav .nav-autolis{
        max-width:210px
    }
}
@media(min-width:1280px){
    .base-nav .nav-autolis{
        max-width:315px
    }
}
@media(min-width:1440px){
    .base-nav .nav-autolis{
        max-width:420px
    }
}
@media(min-width:1600px){
    .base-nav .nav-autolis{
        max-width:525px
    }
}
@media(min-width:1720px){
    .base-nav .nav-autolis{
        max-width:630px
    }
}
@media(min-width:1800px){
    .base-nav .nav-autolis{
        max-width:735px
    }
}
@media(min-width:1920px){
    .base-nav .nav-autolis{
        max-width:840px
    }
}
.navigation-themeB,.navigation-themeB .user-panel .user-avatar{
    background:#306ab7
}
.navigation-themeB .user-panel.open,.navigation-themeB .user-panel.open .user-avatar{
    background:#2458a7
}
.navigation-themeB .nav-ul li>a:hover,.navigation-themeB .nav-ul li.active>a,.navigation-themeB .search-box input[type="text"]{
    background-color:#2458a7!important
}
.base-nav-opt{
    height:36px;
    line-height:36px;
    text-align:center;
    margin:0 -20px -8px -20px;
    border-top:1px solid #d5d5d5
}
.base-nav-opt a{
    display:block;
    text-decoration:none;
    color:#666
}
.base-nav-opt a:hover{
    background:#f1f1f1;
    color:#333
}
.quick-menu .nav>li{
    margin-right:6px
}
.quick-menu .nav>li>a{
    padding:0 12px;
    color:#fff;
    line-height:50px;
    height:50px
}
.quick-menu .nav>li>a>.icon-angle-down{
    position:relative;
    top:2px;
    font-size:14px
}
.quick-menu .nav>li>a,.quick-menu>li.dropdown a{
    -webkit-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.quick-menu .nav>li>a:hover{
    background-color:#02aed9
}
.quick-menu .graph{
    height:16px;
    width:16px
}
.quick-menu .graph-plus{
    background-position:0 -32px
}
.quick-menu .message-menu .graph-bell{
    background-position:-16px -32px
}
.quick-menu .graph-wechat{
    background-position:-32px -32px
}
.quick-menu .graph-qq{
    background-position:-128px -32px
}
.quick-menu .graph-eteams{
    background-position:-49px -32px;
    width:63px
}
.quick-menu .dropdown:hover>a .graph-plus{
    background-position:0 -48px
}
.quick-menu .dropdown:hover>a .graph-bell{
    background-position:-16px -48px
}
.quick-menu .dropdown:hover>a .graph-eteams{
    background-position:-49px -48px
}
.quick-menu .quick-create-menu .dropdown-menu .graph{
    height:20px;
    width:20px;
    margin-right:10px;
    vertical-align:-5px;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear
}
.quick-menu .quick-create-menu .dropdown-menu>li>a{
    padding:8px 20px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-task{
    background-position:0 -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-blog{
    background-position:-20px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-doc{
    background-position:-60px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-flow{
    background-position:-100px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-crm{
    background-position:-80px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-goal{
    background-position:-40px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-agenda{
    background-position:-140px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-linkman{
    background-position:-120px -501px
}
.quick-menu .quick-create-menu .dropdown-menu .graph-record{
    background-position:-220px -501px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-task{
    background-position:0 -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-blog{
    background-position:-20px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-doc{
    background-position:-60px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-flow{
    background-position:-100px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-crm{
    background-position:-80px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-goal{
    background-position:-40px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-agenda{
    background-position:-140px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-linkman{
    background-position:-120px -521px
}
.quick-menu .quick-create-menu .dropdown-menu a:hover .graph-record{
    background-position:-220px -521px
}
.quick-menu .eteams-quick .dropdown-menu{
    width:170px
}
.quick-menu .search-box{
    width:172px;
    margin:10px 12px 0 0;
    position:relative;
    display:inline-block
}
@media(max-width:1150px){
    .quick-menu .search-box{
        width:158px
    }
}
.quick-menu .search-box input[type="text"]{
    width:100%;
    height:30px;
    border-radius:15px;
    padding:5px 32px 5px 22px;
    line-height:20px;
    border:0;
    color:#fff;
    background-color:#1aaed2;
    -webkit-transition:background-color .25s ease-in-out;
    -o-transition:background-color .25s ease-in-out;
    transition:background-color .25s ease-in-out
}
.quick-menu .search-box input[type="text"]:hover{
    background-color:#0099be
}
.quick-menu .search-box input[type="text"]:focus{
    background-color:#08a
}
.quick-menu .search-box input[type="text"]::-moz-placeholder{
    color:rgba(255,255,255,0.8)
}
.quick-menu .search-box input[type="text"]:-ms-input-placeholder{
    color:rgba(255,255,255,0.8)
}
.quick-menu .search-box input[type="text"]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.8)
}
.quick-menu .search-box .search-btn{
    color:#fff;
    position:absolute;
    top:0;
    right:0;
    height:30px;
    width:32px;
    text-align:center;
    line-height:30px;
    text-decoration:none
}
.quick-menu>.nav>li.dropdown:hover>a{
    color:#48484e;
    border-color:#a3adba;
    background:#fff
}
.quick-menu .message-menu .dropdown-menu li:hover .badge{
    background:#fff;
    color:#428bca
}
.quick-menu .message-menu .dropdown-menu>li>a{
    padding:5px 60px 5px 40px;
    position:relative
}
.quick-menu .message-menu .badge{
    margin-top:2px;
    position:absolute;
    right:16px;
    top:5px
}
.quick-menu .message-menu .message-count{
    padding:1px 3px;
    border-radius:7px;
    background:#f94521;
    color:#fff;
    line-height:1;
    min-width:14px;
    position:absolute;
    top:10px;
    right:0;
    font-size:12px;
    font-style:normal
}
.quick-menu .message-menu .message-count.hint{
    -webkit-animation:bounce 1s 5;
    -moz-animation:bounce 1s 5;
    -ms-animation:bounce 1s 5;
    -o-animation:bounce 1s 5;
    animation:bounce 1s 5
}
.quick-menu .message-menu .message-count:empty{
    display:none
}
.quick-menu .message-menu li .graph{
    height:16px;
    width:16px;
    margin:0 8px 2px -4px;
    position:absolute;
    left:20px;
    top:8px
}
.quick-menu .message-menu li .graph1{
    background-position:0 -334px
}
.quick-menu .message-menu li .graph2{
    background-position:-48px -334px
}
.quick-menu .message-menu li .graph3{
    background-position:-64px -334px
}
.quick-menu .message-menu li .graph4{
    background-position:-80px -334px
}
.quick-menu .message-menu li .graph5{
    background-position:-144px -334px
}
.quick-menu .message-menu li .graph6{
    background-position:-32px -334px
}
.quick-menu .message-menu li .graph7{
    background-position:-112px -334px
}
.quick-menu .message-menu li .graph8{
    background-position:-16px -334px
}
.quick-menu .message-menu li .graph9{
    background-position:-128px -334px
}
.quick-menu .message-menu li .graph10{
    background-position:-96px -334px
}
.quick-menu .message-menu li:hover .graph1{
    background-position:0 -350px
}
.quick-menu .message-menu li:hover .graph2{
    background-position:-48px -350px
}
.quick-menu .message-menu li:hover .graph3{
    background-position:-64px -350px
}
.quick-menu .message-menu li:hover .graph4{
    background-position:-80px -350px
}
.quick-menu .message-menu li:hover .graph5{
    background-position:-144px -350px
}
.quick-menu .message-menu li:hover .graph6{
    background-position:-32px -350px
}
.quick-menu .message-menu li:hover .graph7{
    background-position:-112px -350px
}
.quick-menu .message-menu li:hover .graph8{
    background-position:-16px -350px
}
.quick-menu .message-menu li:hover .graph9{
    background-position:-128px -350px
}
.quick-menu .message-menu li:hover .graph10{
    background-position:-96px -350px
}
.quick-menu .popover{
    text-align:center
}
.quick-menu .wechat-toggle{
    position:relative
}
.quick-menu .wechat-toggle:hover>a{
    background-color:#2dc3e8;
    color:#fff
}
.quick-menu .wechat-toggle .popover{
    right:177px;
    top:-20px;
    left:auto
}
.quick-menu .wechat-toggle:hover .popover{
    display:block
}
.quick-menu .wechat-toggle .popover .arrow{
    top:0;
    margin-top:22px
}
.aside-nav>li>.link-item{
    padding:15px 22px 15px 56px
}
.aside-nav>li>.link-item:not(div):hover,.aside-nav>li.active>.link-item{
    background-color:rgba(0,0,0,0.1)
}
.aside-nav .link-item{
    font-size:14px;
    display:block;
    padding:10px 22px 10px 56px;
    line-height:20px;
    color:#cdcdcd;
    text-decoration:none;
    position:relative
}
.aside-nav .link-item>.icon-angle-down{
    -webkit-transition:all .15s ease;
    -ms-transition:all .15s ease;
    -o-transition:all .15s ease;
    transition:all .15s ease
}
.aside-nav .link-item.on>.icon-angle-down{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.aside-nav .active>.link-item{
    border-left:3px solid #2dc3e8;
    padding-left:53px;
    color:#f9f9f9
}
.aside-nav [class^="graph-16"],.aside-nav [class*=" graph-16"]{
    opacity:.8
}
.aside-nav .item-icon{
    position:absolute;
    margin:2px 0 0 -35px
}
.aside-nav>li>.sub-nav{
    background-color:#1e2631
}
.aside-nav>li>ul.sub-nav>li>a.link-item{
    color:#c3c3c3
}
.aside-nav .sub-nav>li>.link-item:before,.aside-nav .sub-nav>li>.link-item:after{
    content:"";
    position:absolute
}
.aside-nav .sub-nav>li.active>.link-item:before{
    left:23px
}
.aside-nav .sub-nav>li.active>.link-item:after{
    left:19px
}
.aside-nav .sub-nav>li>.link-item:before{
    top:0;
    bottom:0;
    left:26px;
    width:1px;
    background-color:#3c434b;
    z-index:1
}
.aside-nav .sub-nav>li>.link-item:after{
    height:9px;
    width:9px;
    border-radius:50%;
    border:1px solid #3c434b;
    background-color:#1e2631;
    z-index:2;
    top:50%;
    left:22px;
    margin-top:-4px
}
.aside-nav .sub-nav>li.active>.link-item:before{
    background-color:#0b5668
}
.aside-nav .sub-nav>li.active>.link-item:after{
    border-color:#0b5668;
    background-color:#0b5668
}
.aside-nav .sub-nav .link-item:hover,.aside-nav .sub-nav .active>.link-item{
    color:#b8babd;
    background:rgba(0,0,0,0.1)
}
.aside-nav .sub-nav2 .link-item:hover,.aside-nav .sub-nav2 .active>.link-item{
    background-color:#111721
}
.aside-nav .sub-nav2{
    background-color:#141b27
}
.aside-nav .link-item .badge{
    margin-top:1px;
    background:#31b0d4;
    display:inline-block;
    min-width:20px;
    padding:4px 5px
}
.main-hd{
    min-height:51px;
    padding:10px 20px;
    border-bottom:1px solid #bebebe;
    background-color:#f3f3f3;
    position:relative;
    z-index:100;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 5px rgba(0,0,0,0.2);
    box-shadow:0 0 5px rgba(0,0,0,0.2)
}
.main-hd-fixed{
    position:fixed;
    top:50px;
    left:220px;
    right:0
}
.main-hd .title{
    line-height:30px;
    float:left;
    color:#666;
    margin-right:15px
}
.main-hd .title+.toolkit-list{
    margin-left:20px;
    float:left
}
.main-hd .title .graph{
    width:32px;
    height:32px;
    margin:-1px 13px -1px 0
}
.main-hd .title .graph-at{
    background-position:-32px -437px
}
.main-hd .title .graph-calendar{
    background-position:-64px -405px
}
.main-hd .title .graph-remind{
    background-position:-32px -469px
}
.main-hd .title .graph-apply{
    background-position:-64px -469px
}
.main-hd .title .graph-wechatservice{
    background-position:-288px -469px
}
.main-hd .title .graph-share{
    background-position:0 -469px
}
.main-hd .title .graph-receive{
    background-position:-288px -405px
}
.main-hd .title .graph-newcomment{
    background-position:-96px -469px
}
.main-hd .title .graph-info{
    background-position:0 -405px
}
.main-hd .title .graph-newfinish{
    background-position:-32px -405px
}
.main-hd .title .graph-unfinish{
    background-position:-192px -405px
}
.main-hd .title .graph-dynamic{
    background-position:-192px -437px
}
.main-hd .title .graph-profile{
    background-position:-160px -437px
}
.main-hd .title .graph-follow{
    background-position:0 -437px
}
.main-hd .title .graph-newitem{
    background-position:-256px -405px
}
.main-hd .title .graph-unfinished{
    background-position:-192px -405px
}
.main-hd .title .graph-wechat{
    background-position:-64px -437px
}
.main-hd .title .graph-finished{
    background-position:-32px -405px
}
.main-hd .title .graph-tag{
    background-position:-128px -437px
}
.main-hd .title .graph-search{
    background-position:-96px -405px
}
.main-hd .title .graph-watched{
    background-position:-160px -437px
}
.main-hd .title .graph-favourite{
    background-position:-160px -405px
}
.main-hd .title .graph-wechatAPP{
    background-position:-128px -469px
}
.main-hd .title .graph-settings{
    background-position:-224px -405px
}
.main-hd .title .graph-groups{
    background-position:-320px -405px
}
.main-hd .hint{
    display:block;
    line-height:30px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.main-hd .hint.hide{
    display:none
}
.main-hd .hint-danger{
    color:#e60000
}
.main-hd .breadcrumb{
    display:inline-block
}
.main-content{
    padding:20px
}
.main-bd .main-sidebar{
    width:0;
    background:#eee;
    border-left:1px solid #d5d5d5;
    -webkit-transition:width .25s linear;
    -o-transition:width .25s linear;
    transition:width .25s linear
}
.main-sidebar-bd{
    padding:20px 15px;
    width:340px
}
.main-bd.sidebar-in .main-sidebar{
    width:341px
}
.usercard .siderbar-ctrl-btn{
    display:none
}
.siderbar-ctrl-btn{
    background-position:right -116px;
    height:48px;
    width:24px;
    position:fixed;
    margin:0 0 0 -24px;
    top:150px;
    cursor:pointer;
    z-index:10
}
.siderbar-ctrl-btn:hover{
    background-position:right -164px
}
.siderbar-ctrl-btn.on{
    background-position:right -212px
}
.siderbar-ctrl-btn.on:hover{
    background-position:right -260px
}
.mbox{
    border:1px solid #d5d5d5;
    margin-bottom:20px;
    background:#fff
}
.mbox-hd{
    border-bottom:3px solid #2dc3e8;
    padding:9px 15px;
    min-height:51px;
    color:#666
}
.mbox-hd .mbox-title{
    float:left;
    line-height:30px;
    margin:0
}
.mbox-hd .mbox-option{
    float:right
}
.mbox-hd .mbox-option .toolkit-list{
    margin-right:-10px
}
.mbox-bd{
    padding:15px
}
.sbox .sbox-hd{
    padding-bottom:12px;
    border-bottom:1px solid #d5d5d5;
    color:#666
}
.sbox .sbox-title{
    margin:0
}
.sbox-bd{
    padding:20px 0
}
.sbox-no-data{
    margin:30px 50px;
    padding:10px 20px;
    background:#f8f8f8;
    border-radius:5px;
    color:#999;
    text-align:center
}
.side-statlist li{
    line-height:25px;
    padding:4px 8px 4px 4px;
    border-radius:5px;
    color:#444
}
.side-statlist li+li{
    margin-top:5px
}
.side-statlist li:hover{
    background:#fff;
    color:#555
}
.side-statlist li .avatar{
    height:25px;
    width:25px;
    border-radius:50%;
    margin-right:10px
}
.side-statlist .list-more{
    height:30px;
    line-height:28px;
    border-width:1px 0;
    border-style:solid;
    text-align:center;
    cursor:pointer;
    border-color:#ddd;
    color:#08c;
    margin-top:10px
}
.side-statlist .list-more:hover{
    background:#f5f5f5
}
.module-detail-slide{
    -webkit-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    -ms-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    transition:all ease-in-out .5s;
    -webkit-transform:translateX(800px) translateY(0px);
    -moz-transform:translateX(800px) translateY(0px);
    -ms-transform:translateX(800px) translateY(0px);
    -o-transform:translateX(800px) translateY(0px);
    transform:translateX(800px) translateY(0px);
    position:fixed;
    top:50px;
    bottom:0;
    right:0;
    z-index:1000;
    background:#f8f8f8;
    border-left:1px solid #ddd;
    width:800px;
    -webkit-box-shadow:-3px 0 4px rgba(0,0,0,0.1);
    -o-box-shadow:-3px 0 4px rgba(0,0,0,0.1);
    box-shadow:-3px 0 4px rgba(0,0,0,0.1)
}
.module-detail-slide.in{
    -webkit-transform:translateX(0px) translateY(0px);
    -moz-transform:translateX(0px) translateY(0px);
    -ms-transform:translateX(0px) translateY(0px);
    -o-transform:translateX(0px) translateY(0px);
    transform:translateX(0px) translateY(0px)
}
.module-detail-view .detail-slide-close{
    font-size:28px;
    border-left:1px solid #ddd
}
.modal .module-detail-view .detail-slide-close{
    border-radius:0 3px 0 0
}
.module-detail-view .handle-item>a .graph,.entity-info .control-label .graph,.detail-infos .info-item .graph,.detail-desc-wrap .graph{
    margin-right:10px;
    vertical-align:-3px;
    opacity:.7
}
.detail-header{
    background:#f8f8f8;
    border-bottom:1px solid #ddd;
    height:51px
}
.modal .detail-header{
    border-radius:3px 3px 0 0
}
.detail-brand{
    margin:7px 0 0 10px;
    font-weight:bold;
    color:#454545;
    float:left
}
.detail-brand .graph{
    margin-right:12px;
    border-radius:50%;
    height:36px;
    width:36px
}
.detail-brand .graph-blog{
    background-position:0 -120px
}
.detail-brand .graph-task{
    background-position:-36px -120px
}
.detail-brand .graph-goal{
    background-position:-72px -120px
}
.detail-brand .graph-doc{
    background-position:-108px -120px
}
.detail-brand .graph-crm{
    background-position:-144px -120px
}
.detail-brand .graph-flow{
    background-position:-180px -120px
}
.detail-brand .graph-from{
    background-position:-180px -156px
}
.detail-brand .graph-agenda{
    background-position:0 -156px
}
.detail-brand .graph-report{
    background-position:-36px -156px
}
.detail-brand .graph-stat{
    background-position:-72px -156px
}
.detail-brand .graph-enterprise{
    background-position:-108px -156px
}
.detail-brand .graph-production{
    background-position:-252px -120px
}
.detail-brand .graph-salechance{
    background-position:-216px -156px
}
.detail-brand .graph-competitor{
    background-position:-252px -156px
}
.detail-brand .graph-attend{
    background-position:-144px -156px
}
.detail-brand .graph-flowstat{
    background-position:-180px -156px
}
.detail-brand .graph-contact{
    background-position:0 -192px
}
.detail-brand .graph-clue{
    background-position:-288px -156px
}
.detail-actions{
    float:right
}
.detail-actions>ul>li{
    float:left
}
.detail-actions>ul>li>a{
    height:50px;
    line-height:50px;
    padding:0 12px;
    color:#454545;
    display:block;
    text-decoration:none
}
.detail-actions>ul>li>a.hide{
    display:none
}
.detail-actions>ul>li.dropdown>a{
    border-width:1px 1px 0;
    border-style:solid;
    border-color:transparent
}
.detail-actions>ul>li>a:hover{
    background-color:#eee
}
.detail-actions>ul>li.dropdown:hover>a{
    border-color:#a3adba;
    background-color:#fff
}
.detail-actions>ul>li.dropdown .dropdown-menu{
    min-width:125px
}
.detail-actions>ul>li a i{
    color:#a4a4a4;
    margin-right:5px;
    position:relative;
    top:1px
}
.detail-actions li.icon-reply-li i{
    color:#454545
}
.detail-actions li.icon-reply-li a{
    border-left:1px solid #ddd
}
.detail-actions>ul>li>ul>li>a>i{
    margin-right:8px
}
.detail-actions>ul>li>ul>li>a:hover>i{
    color:#fff
}
.module-detail-view .textinput-b{
    font-size:inherit;
    background:0;
    border-radius:3px;
    border:0;
    box-shadow:none;
    font-size:12px;
    line-height:1.5;
    height:30px;
    color:#555;
    padding:5px 10px;
    vertical-align:middle;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear
}
.module-detail-view .textinput-b:not([readonly]):not([disabled]):hover{
    background:#ddd
}
.module-detail-view .textinput-b:not([readonly]):not([disabled]){
    padding-left:3px
}
.module-detail-view .textinput-b.title{
    font-size:16px;
    line-height:20px;
    padding:5px 15px;
    font-weight:bold;
    width:100%
}
.detail-block .form-preview .option{
    padding:8px 15px;
    line-height:30px;
    overflow:hidden;
    color:#999
}
.module-detail-view .detail-content .detail-block .form-preview .form-view{
    border-width:0 0 1px 0;
    margin:0
}
.detail-block{
    border-radius:3px;
    border:1px solid #ccc;
    background-color:#fff;
    margin:0 18px 13px
}
.detail-block>.control-group:first-child,.mod-box>.control-group:first-child{
    border-radius:2px 2px 0 0
}
.detail-block>.control-group:last-child,.mod-box>.control-group:last-child{
    border-radius:0 0 2px 2px
}
.detail-block-more{
    margin:15px 18px
}
.detail-block>.block-head{
    padding:0 6px 0 20px;
    height:46px;
    line-height:45px;
    color:#666;
    border-bottom:1px solid #ddd;
    cursor:pointer
}
.detail-block.on>.block-head{
    border-bottom:0;
    height:45px
}
.detail-block>.block-head .fold{
    float:right;
    padding:0 10px;
    font-size:16px
}
.detail-block.on>.block-head .fold i{
    float:left;
    margin:15px 0 0 0;
    -webkit-transition:transform .15s linear;
    -moz-transition:transform .15s linear;
    -ms-transition:transform .15s linear;
    -o-transition:transform .15s linear;
    transition:transform .15s linear
}
.detail-block.on>.block-head .fold i{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.detail-block>.block-head .title{
    font-size:12px;
    font-weight:bold;
    float:left
}
.detail-block>.block-head .title i{
    margin:-2px 15px 0 0;
    opacity:.7
}
.detail-summary{
    padding:22px 0 18px 0;
    margin:0 18px
}
.detail-summary .summary-avatar{
    height:32px;
    width:32px;
    border-radius:50%;
    overflow:hidden;
    float:left
}
.detail-summary .summary-avatar img{
    height:100%;
    width:100%
}
.detail-summary .summary-title{
    margin-left:36px;
    font-weight:bold
}
.detail-summary .summary-title textarea{
    height:32px;
    line-height:24px;
    border:0;
    background:0;
    padding:4px 6px;
    font-size:15px;
    font-weight:bold;
    color:#454545;
    width:100%;
    resize:none;
    overflow:auto;
    border-radius:3px;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear
}
.detail-summary .summary-title textarea:not([readonly]):not([disabled]):hover,.detail-summary .summary-title textarea:not([readonly]):not([disabled]):focus{
    background:#ddd
}
.detail-infos{
    display:table;
    width:100%;
    table-layout:fixed
}
.detail-infos .info-item{
    display:table-cell;
    vertical-align:top;
    width:33.3333%;
    padding:6px 17px;
    line-height:30px;
    border-right:1px solid #ececec
}
.detail-infos .info-item:last-child{
    border-right:0
}
.detail-infos .info-item dt{
    color:#666;
    float:left;
    font-size:12px;
    font-weight:bold
}
.detail-infos .info-item dd{
    margin-left:75px;
    position:relative
}
.detail-infos .info-item .entity-item{
    vertical-align:top
}
.detail-infos .info-item dd .typeahead-wrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:100
}
.detail-infos .info-item .typeahead-wrapper{
    width:152px
}
.detail-infos .info-item .date-ending input{
    padding:2px 5px;
    height:24px;
    background:0;
    line-height:20px;
    border:0;
    color:#666;
    width:100%;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear;
    border-radius:3px
}
.detail-infos .info-item .date-ending input:hover,.detail-infos .info-item .date-ending input:focus{
    background-color:#eee
}
.detail-infos .info-item .importance-item{
    margin-left:10px
}
.detail-desc-wrap{
    padding:9px 10px 9px 46px;
    position:relative
}
.detail-desc-wrap .graph{
    position:absolute;
    margin:4px 0 0 -27px;
    color:#999
}
.detail-desc-wrap textarea{
    padding:0;
    background:transparent;
    line-height:24px;
    height:24px;
    resize:none;
    font-size:inherit;
    border:0;
    width:100%;
    vertical-align:top;
    padding:0 3px;
    border-radius:2px;
    -webkit-transition:background .15s linear;
    -o-transition:background .15s linear;
    transition:background .15s linear
}
.detail-desc-wrap textarea:focus,.detail-desc-wrap textarea:hover{
    background:#ddd
}
.detail-desc-wrap textarea.error::-moz-placeholder{
    color:#e80000;
    opacity:.8
}
.detail-desc-wrap textarea.error:-ms-input-placeholder{
    color:#e80000;
    opacity:.8
}
.detail-desc-wrap textarea.error::-webkit-input-placeholder{
    color:#e80000;
    opacity:.8
}
.detail-handle-wrap{
    overflow:hidden
}
.detail-handles{
    margin-right:-1px;
    margin-top:-1px
}
.detail-handle-wrap .handle-item{
    padding:0 10px;
    white-space:nowrap;
    line-height:44px;
    height:45px;
    float:left;
    width:20%;
    text-align:center;
    border-width:0 1px 1px 0;
    border-style:solid;
    border-color:#e3e3e3;
    margin:1px 0 -1px 0
}
.detail-handle-wrap .handle-item:hover{
    background:#f5f5f5
}
.detail-handle-wrap .handle-item a{
    color:#999;
    text-decoration:none;
    display:block;
    font-size:12px;
    font-weight:bold
}
.detail-handle-wrap .handle-item a:hover{
    text-decoration:none
}
.detail-handle-wrap .handle-item a i{
    margin-right:8px;
    position:relative;
    top:1px
}
.detail-tab{
    border-bottom:1px solid #d3d3d3
}
.detail-tab ul>li{
    float:left;
    text-align:center;
    margin:0 15px
}
.detail-tab ul>li>a{
    display:inline-block;
    padding:0 10px;
    line-height:45px;
    color:#777;
    border-bottom:3px solid #fff
}
.detail-tab ul>li.active>a{
    color:#444;
    font-weight:bold;
    border-bottom:3px solid #2dc3e8
}
.detail-tab ul>li>a:hover{
    color:#444;
    font-weight:bold;
    text-decoration:none
}
.detail-tab-equal3>ul>li{
    width:33.3333%;
    padding:0 22px;
    margin:0
}
.detail-tab-equal4>ul>li{
    width:25%;
    padding:0 18px;
    margin:0
}
.notice-datail-view .detail-header .module-help{
    left:50px;
    right:auto
}
.notice-datail-view .detail-header .detail-brand{
    position:relative
}
.entity-info .control-group{
    padding:6px 20px;
    margin-bottom:0;
    border-bottom:1px solid #eee
}
.entity-info .control-group.noborder{
    border-bottom:0
}
.entity-info .control-group:hover{
    background:#f5f5f5
}
.entity-info .control-group .control-label{
    float:left;
    line-height:30px;
    color:#999;
    white-space:nowrap;
    width:95px;
    font-weight:normal;
    margin:0;
    padding-top:0;
    text-align:left;
    font-size:12px;
    font-weight:bold
}
.entity-info .control-group .control-label .graph{
    margin-right:14px
}
.entity-info .control-group .controls{
    margin-left:95px
}
.entity-info-w2 .control-group .control-label{
    width:75px
}
.entity-info-w2 .control-group .controls{
    margin-left:75px
}
.entity-info .textinput,.entity-info .content-editor{
    color:#555;
    background:transparent;
    border:1px solid transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.entity-info .textinput:hover,.entity-info .content-editor:hover{
    border-color:#ddd;
    background:#fff;
    -webkit-transition:border .2s,box-shadow linear .2s;
    -moz-transition:border .2s,box-shadow linear .2s;
    -o-transition:border .2s,box-shadow linear .2s;
    transition:border .2s,box-shadow linear .2s
}
.entity-info .textinput:focus,.entity-info .content-editor:focus{
    border-color:rgba(82,168,236,0.8);
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)
}
.entity-info .entityremind-component>.controls>*{
    display:inline-block
}
.entity-info .entityremind-component>.controls lable{
    margin-bottom:0
}
.entity-info .entityremind-component>.controls>*.hide{
    display:none
}
.entity-info .entityremind-component>.controls>label,.entity-info .entityremind-component>.controls>div>label{
    font-weight:normal;
    margin-bottom:0
}
.entity-info .radio-inline,.entity-info .checkbox-inline{
    vertical-align:top
}
.entity-info .control-group .controls .eui-slider{
    margin-top:5px
}
.importance-item{
    line-height:30px;
    padding-left:30px;
    position:relative;
    cursor:pointer
}
.dropdown-menu .importance-item{
    margin:0!important
}
.importance-item dfn{
    position:absolute;
    margin:3px 0 0 -25px;
    height:16px;
    width:16px;
    background:ddd
}
.importance-item dfn{
    position:absolute;
    margin:8px 0 0 -21px;
    height:16px;
    width:16px;
    background:#eee;
    border-radius:50%
}
.importance-item.warning dfn{
    background:#ffba38
}
.importance-item.danger dfn{
    background:#e60000
}
.entity-container{
    display:inline;
    margin:0 3px 0 0
}
.entity-container:empty{
    display:none
}
.entity-item{
    display:inline-block;
    vertical-align:middle;
    padding:0 15px 0 0
}
.entity-item b{
    color:#999;
    margin-right:2px
}
.entity-item a:not(.btn){
    line-height:30px;
    display:inline-block;
    vertical-align:top;
    text-decoration:none;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#333
}
.entity-item:hover a:not(.btn){
    color:#5d9cec
}
.entity-item .avatar{
    border-radius:50%;
    height:24px;
    width:24px;
    vertical-align:middle
}
.entity-item .avatar+span{
    margin-left:5px;
    max-width:69px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-block;
    vertical-align:middle
}
.entity-item a.btn{
    display:none
}
.entity-item a.btn.hide{
    display:none!important
}
.entity-item:hover a.btn{
    display:inline-block
}
.entity-item .close{
    height:30px;
    line-height:30px;
    font-size:16px;
    opacity:.7;
    margin-right:-12px
}
.entity-item .close:hover{
    color:red
}
.entries-more,.entity-container .j_more_show a,.entity-container .j_more_hide a{
    font-size:12px;
    color:#666;
    margin-right:5px;
    cursor:pointer;
    text-decoration:none;
    display:inline-block;
    line-height:30px
}
.entries-more:hover,.entity-container .j_more_show a:hover,.entity-container .j_more_hide a:hover{
    color:#5d9cec
}
.upload-widget-wrap+.entity-container .entity-item.attachment:first-child{
    margin-top:5px
}
.upload-widget-wrap.hide+.entity-container .entity-item.attachment:first-child,.entity-item.attachment:first-child{
    margin-top:0
}
.upload-widget-wrap+.entity-container,.entity-attach-wrap,.entity-container.attachment{
    display:inline-block
}
.upload-widget-wrap+.entity-container:empty,.entity-attach-wrap:empty,.entity-container.attachment:empty{
    display:none
}
.entity-item.attachment{
    display:table;
    background:#f8f8f8;
    border:1px solid #eaeaea;
    padding-left:12px;
    border-radius:3px;
    margin-top:3px;
    line-height:28px
}
.entity-item.attachment+.entity-item{
    margin-top:3px
}
.entity-info .control-group:hover .entity-item.attachment{
    background:#fff
}
.entity-item.attachment a.btn{
    line-height:1.5;
    margin-left:8px
}
.entity-item.attachment a.btn:not(:last-child){
    margin-right:-3px
}
.entity-item.attachment a.remoteDownload{
    max-width:350px
}
.entity-item.attachment .close{
    height:30px;
    line-height:30px
}
.tags-entity-container .entity-item{
    background:#f3f3f4;
    border-radius:4px;
    -webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15);
    -o-box-shadow:0 0 0 1px rgba(0,0,0,.15);
    box-shadow:0 0 0 1px rgba(0,0,0,.15);
    padding:0 15px;
    margin:3px 5px 3px 0
}
.tags-entity-container .entity-item:hover{
    background:#dcdcde
}
.tags-entity-container .entity-item a{
    color:#666;
    line-height:24px;
    max-width:280px
}
.tags-entity-container .entity-item .close{
    height:24px;
    line-height:24px
}
.tag-controls-mine .tags-entity-container .entity-item{
    background:#ebfbff;
    -webkit-box-shadow:0 0 0 1px #cfe9ef;
    -o-box-shadow:0 0 0 1px #cfe9ef;
    box-shadow:0 0 0 1px #cfe9ef
}
.entity-info .entity-relevance .entity-container{
    display:block
}
.entity-info .entity-relevance .entity-item{
    display:block
}
.entity-info .entity-relevance .entity-item .close{
    float:none
}
.entity-info .entity-relevance .entity-item a{
    max-width:100%;
    padding-right:2px
}
.entity-item-add{
    display:inline-block;
    vertical-align:top;
    height:28px;
    line-height:28px;
    cursor:pointer
}
.entity-info .control-group .entity-item-add,.detail-infos .info-item .entity-item-add,.crm-detail-info .control-group .entity-item-add{
    display:none
}
.entity-info .control-group:hover .entity-item-add,.detail-infos .info-item:hover .entity-item-add,.crm-detail-info .control-group:hover .entity-item-add,.entity-info .entity-relevance.control-group .entity-item-add{
    display:inline-block
}
.entity-item-add.hide{
    display:none!important
}
.entity-item-add i,.entity-item-add a{
    border:1px solid #999;
    border-radius:50%;
    color:#999;
    display:inline-block;
    height:24px;
    overflow:hidden;
    line-height:22px;
    text-align:center;
    text-decoration:none;
    width:24px;
    margin-top:2px
}
.entity-item-add i.icon-plus-thin{
    font-size:18px
}
.entity-item-add i.icon-pencil{
    font-size:13px
}
.entity-item-add i:hover,.entity-item-add a:hover{
    border-color:#08c;
    color:#08c
}
input.datepicker,input.datetimepicker{
    width:120px;
    padding:5px 10px
}
.member-layer{
    width:75px;
    background:#fff;
    border:1px solid #dfdddd;
    position:fixed;
    top:72px;
    right:20px;
    bottom:40px;
    font-size:12px
}
.member-layer .member-head{
    background:#fafafa;
    line-height:40px;
    font-size:14px;
    border-bottom:1px solid #dfdddd
}
.member-layer .member-list{
    padding:0;
    margin:0;
    list-style:none
}
.member-layer .member-list>li{
    margin-bottom:5px;
    cursor:pointer;
    color:#666;
    position:relative;
    padding:0 5px
}
.member-layer .member-list>li:hover{
    color:#235fba
}
.member-layer .member-list .avatar{
    margin-bottom:3px
}
.member-layer .member-list .avatar img{
    width:40px;
    height:40px;
    border-radius:50%
}
.member-layer .member-list p.name a{
    color:#666
}
.member-layer .member-list p.name a:hover{
    color:#08c
}
.member-layer-search{
    margin-bottom:15px
}
.member-layer-search input{
    margin-bottom:0;
    width:73px;
    height:30px;
    border-width:0 0 1px;
    text-align:center
}
.member-layer-search .form-control{
    padding:0
}
.member-layer .member-list .caret{
    position:absolute;
    right:5px;
    top:20px;
    border-top-color:#666;
    cursor:pointer
}
.member-layer .member-list .caret-up{
    border-top:0;
    top:18px;
    border-bottom:4px solid #08c
}
.loading_eteams{
    width:100%;
    height:400px;
    background:url("../images/loading_eteams.gif") center center no-repeat
}
textarea.finished-line{
    text-decoration:line-through;
    color:gray
}
.blogs-more{
    color:#999;
    padding:0 10px;
    cursor:pointer
}
.common-more,.table-more,.common-nodata,.table-nodata{
    text-align:center;
    cursor:pointer;
    border:1px solid #d5d5d5;
    background:#f9f9f9;
    padding:10px 20px;
    margin-top:15px;
    border-radius:3px;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    transition:all .2s ease
}
.table-more{
    background:#f5f5f5;
    margin:0;
    border-radius:0;
    border-top:0
}
.common-more{
    background:transparent;
    border:0
}
.table-more,.table-more a,.common-more,.common-more a{
    color:#666;
    text-decoration:none
}
.common-more:hover,.table-more:hover{
    background-color:#f8f8f8;
    color:#444
}
.table-more:hover{
    background:#f1f1f1
}
.common-more:active,.table-more:active{
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.common-nodata{
    padding:5px 20px;
    color:#999;
    border:0;
    cursor:default;
    background:transparent
}
.center-more{
    height:36px;
    line-height:36px;
    text-align:center;
    cursor:pointer
}
.usersummary-base{
    padding:28px 22px 18px 28px;
    border-bottom:1px solid #ddd
}
.usersummary-base .avatar-info{
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden
}
.usersummary-base .avatar-info .upload-toggle{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.6);
    color:#fff;
    height:0;
    font-size:12px;
    text-align:center;
    line-height:24px;
    overflow:hidden;
    -webkit-transition:height .15s ease;
    -o-transition:height .15s ease;
    transition:height .15s ease
}
.usersummary-base .avatar-info:hover .upload-toggle{
    height:26px
}
.usersummary .avatar img{
    width:100%;
    height:100%;
    border-radius:50%
}
.usersummary .profile-info{
    margin:-2px 0 0 70px;
    line-height:22px;
    position:relative
}
.usersummary .profile-info .option{
    position:absolute;
    top:-5px;
    right:0;
    font-size:0
}
.usersummary .profile-info .option a{
    margin-right:8px
}
.usersummary .profile-info .option a:last-child{
    margin-right:0
}
.usersummary .profile-info .name{
    font-size:16px;
    font-weight:bold;
    display:inline-block;
    vertical-align:middle;
    max-width:65px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.usercard .usersummary .profile-info .name{
    max-width:180px
}
.usersummary .profile-info .sex,.usersummary .profile-info .mobile{
    font-size:13px;
    color:#9ba3af
}
.usersummary .profile-info .department{
    color:#555;
    font-size:13px;
    margin-top:8px
}
.usersummary .profile-detail{
    padding:10px 20px;
    border-bottom:1px solid #ddd;
    display:none
}
.usersummary .profile-detail>li{
    line-height:28px;
    height:28px;
    color:#666
}
.usersummary .profile-detail>li>label{
    font-weight:normal;
    margin:0;
    float:left
}
.usersummary .profile-detail>li>span{
    display:block;
    margin-left:44px
}
.usersummary .profile-more{
    line-height:28px;
    height:28px;
    display:block;
    font-size:12px;
    text-align:center;
    text-decoration:none
}
.usersummary .profile-more:hover{
    background:#ddd;
    background-color:#d5d5d5
}
.usersummary .statistic>li{
    width:20%;
    float:left;
    overflow:hidden
}
.usersummary .statistic>li>i,.usersummary .statistic>li>span{
    font-style:normal;
    display:block
}
.usersummary .statistic-themeA{
    background:#f0f8fc;
    border-style:solid;
    border-width:0 1px 1px 1px;
    border-color:#b8d9ea;
    margin-left:-1px;
    margin-right:-1px
}
.usersummary .statistic-themeA>li{
    border-style:solid;
    border-width:1px 1px 1px 0;
    border-color:#b8d9ea;
    height:56px;
    padding:4px 0 0;
    margin-bottom:-1px;
    color:#999
}
.usersummary .statistic-themeA>li:nth-child(5n){
    border-right-width:0
}
.usersummary .statistic-themeA>li>i{
    color:#0279b6;
    font-size:20px
}
.usersummary .statistic-themeB{
    border-top:1px solid #ddd;
    color:#666;
    padding:8px 10px
}
.usersummary .statistic-themeB>li{
    margin-top:10px;
    width:25%
}
.usersummary .statistic-themeB>li>i{
    margin:0 auto;
    height:50px;
    width:50px;
    line-height:48px;
    font-weight:bold;
    border-style:solid;
    border-width:1px;
    border-color:#d1d1d1;
    border-radius:50%;
    cursor:pointer
}
.usersummary .statistic-themeB>li:nth-child(1)>i{
    color:#1c8ac4
}
.usersummary .statistic-themeB>li:nth-child(2)>i,.usersummary .statistic-themeB>li:nth-child(5)>i{
    color:#22ac38
}
.usersummary .statistic-themeB>li:nth-child(3)>i{
    color:#f39700
}
.usersummary .statistic-themeB>li:nth-child(4)>i{
    color:#ea68a2
}
.usersummary .statistic-themeB>li:nth-child(6)>i{
    color:#ec6941
}
.usersummary .statistic-themeB>li:nth-child(7)>i{
    color:#00a0e9
}
.usersummary .statistic-themeB>li:nth-child(8)>i{
    color:#eb6877
}
.usersummary .statistic-themeB>li:nth-child(9)>i{
    color:#00b7ee
}
.usersummary .statistic-themeB>li:nth-child(10)>i{
    color:#00bcd4
}
.usersummary .statistic-themeB>li:nth-child(11)>i{
    color:#cddc39
}
.usersummary .statistic-themeB>li:nth-child(12)>i{
    color:#f44336
}
.usersummary .statistic-themeB>li>i:hover{
    color:#fff
}
.usersummary .statistic-themeB>li:nth-child(1)>i:hover{
    background-color:#1c8ac4;
    border-color:#1c8ac4
}
.usersummary .statistic-themeB>li:nth-child(2)>i:hover,.usersummary .statistic-themeB>li:nth-child(5)>i:hover{
    background-color:#22ac38;
    border-color:#22ac38
}
.usersummary .statistic-themeB>li:nth-child(3)>i:hover{
    background-color:#f39700;
    border-color:#f39700
}
.usersummary .statistic-themeB>li:nth-child(4)>i:hover{
    background-color:#ea68a2;
    border-color:#ea68a2
}
.usersummary .statistic-themeB>li:nth-child(6)>i:hover{
    background-color:#ec6941;
    border-color:#ec6941
}
.usersummary .statistic-themeB>li:nth-child(7)>i:hover{
    background-color:#00a0e9;
    border-color:#00a0e9
}
.usersummary .statistic-themeB>li:nth-child(8)>i:hover{
    background-color:#eb6877;
    border-color:#eb6877
}
.usersummary .statistic-themeB>li:nth-child(9)>i:hover{
    background-color:#00b7ee;
    border-color:#00b7ee
}
.usersummary .statistic-themeB>li:nth-child(10)>i:hover{
    background-color:#00bcd4;
    border-color:#00bcd4
}
.usersummary .statistic-themeB>li:nth-child(11)>i:hover{
    background-color:#cddc39;
    border-color:#cddc39
}
.usersummary .statistic-themeB>li:nth-child(12)>i:hover{
    background-color:#f44336;
    border-color:#f44336
}
.usersummary .login-info{
    color:#999;
    font-size:12px;
    line-height:24px;
    margin:0 15px 8px;
    overflow:hidden
}
.usersummary .btn-attendance:hover{
    text-decoration:none
}
.usersummary .follow-btns{
    text-align:center;
    overflow:hidden;
    margin:10px -12px -5px
}
.usersummary .follow-btns>span{
    height:28px;
    line-height:26px;
    border-radius:3px;
    background-color:#e6e6e6;
    display:inline-block;
    width:114px;
    margin:0 8px;
    border:1px solid #ccc;
    overflow:hidden;
    font-size:12px
}
.usersummary .follow-btns>span.hide{
    display:none
}
.usersummary .follow-btns span.approved a{
    display:inline-block;
    margin-left:5px;
    padding:0 7px;
    background:#f2f2f2;
    border-left:1px solid #ccc;
    float:right;
    color:#333
}
.usersummary .follow-btns span.approved a:hover,.usersummary .follow-btns .btn-wechat:hover,.usersummary .follow-btns .btn-follow-add:hover{
    background:#fff;
    text-decoration:none;
    cursor:pointer;
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -o-transition:all .25s ease;
    -ms-transition:all .25s ease;
    transition:all .25s ease
}
.usersummary .follow-btns span.approved a:active,.usersummary .follow-btns .btn-wechat:active{
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.usersummary .profile-update{
    margin-right:20px
}
.usersummary .avatar-wechat-container{
    text-align:center
}
.usersummary .caption .close{
    margin-top:5px;
    display:none
}
#baidumap-test{
    height:400px
}
.map-modal .modal-dialog{
    width:850px
}
.map-modal .modal-header{
    color:#999;
    position:relative
}
.map-modal .month{
    position:absolute;
    right:45px;
    top:10px
}
.map-modal .close{
    float:right
}
.map-modal #map-month{
    width:75px;
    margin-bottom:0
}
.map-modal .modal-body{
    height:430px;
    overflow:hidden
}
.map-modal .modal-body .timecard-info{
    float:left;
    width:400px;
    display:inline-block;
    max-height:400px
}
.map-modal .modal-body .map-info{
    float:left;
    width:400px;
    display:inline-block;
    margin-left:10px
}
.map-modal .timecard-li{
    line-height:36px;
    border-bottom:solid 1px #e2e2e2
}
.map-modal .timecard-li>div>div{
    display:inline-block
}
.map-modal .timecard-li .time{
    width:50px;
    float:left
}
.map-modal .timecard-li .address{
    margin-left:10px;
    width:60%;
    float:left
}
.map-modal .timecard-li .signout{
    border-top:1px dashed #e2e2e2
}
.map-modal .timecard-li .signout .address{
    margin-left:60px
}
.map-modal .timecard-li .state{
    float:right;
    margin-right:10px
}
.map-modal .timecard-li .state span{
    margin-left:4px
}
.map-modal .timecard-li .miss,#mapModal .timecard-li .late,#mapModal .timecard-li .leave-early{
    color:red
}
.map-modal .timecard-li .normal-checkin{
    color:#3890ce
}
.map-modal .timecard-li .normal-checkout{
    color:#666
}
.map-modal .timecard-li .normal-checkout,#mapModal .timecard-li .state.holiday{
    color:#999
}
.usercard{
    position:absolute;
    width:450px;
    min-height:225px;
    z-index:2000
}
.usercard .modal-dialog{
    width:100%!important
}
.usercard .panel-heading{
    height:40px;
    line-height:39px
}
.usercard .panel-heading .close{
    margin-top:8px
}
.usercard .panel-title{
    font-size:12px
}
.usercard .usersummary-base{
    padding:10px 20px
}
.usercard .usersummary .profile-more{
    display:none
}
.usercard .usersummary .profile-detail{
    display:block!important;
    border:0
}
.usercard .usersummary .profile-detail>li{
    height:22px;
    line-height:22px;
    font-size:12px;
    width:50%;
    float:left
}
.usercard .usersummary .profile-detail>li:nth-child(2n+1){
    padding-right:10px
}
.usercard .usersummary .statistic-themeB>li{
    margin:5px 0 0 0;
    width:16.6%;
    font-size:12px
}
.usercard .usersummary .statistic-themeB>li>i{
    height:38px;
    width:38px;
    line-height:36px
}
.dropdown-filter{
    width:500px;
    color:#666
}
.toolkit-list .dropdown-filter{
    padding-top:10px;
    padding-bottom:10px;
    line-height:1.5
}
.dropdown-filter .filter-group{
    margin:0 16px
}
.dropdown-filter .filter-title{
    margin:9px 0 0;
    height:30px;
    line-height:30px
}
.dropdown-filter .filter-content{
    padding:8px 0;
    border-bottom:1px solid #ddd
}
.dropdown-filter .filter-title .filter-label{
    font-weight:bold
}
.dropdown-filter .filter-input{
    float:right
}
.dropdown-filter .filter-input i{
    display:inline-block;
    text-align:center;
    height:30px;
    width:30px;
    line-height:30px;
    color:#999;
    cursor:pointer
}
.dropdown-filter .filter-input i:hover{
    color:#666
}
.dropdown-filter .filter-input input{
    width:180px
}
.dropdown-filter .due-time-div{
    margin:0 0 5px;
    font-size:12px
}
.dropdown-filter .due-time-div span{
    margin:0 5px
}
.dropdown-filter .due-time-div input{
    border-radius:3px;
    background-color:#fafafa;
    height:24px;
    padding:2px 10px
}
.dropdown-filter .filter-item{
    display:inline-block;
    margin-right:6px;
    padding:2px 0
}
.dropdown-filter .filter-item a{
    height:24px;
    display:inline-block;
    vertical-align:top;
    line-height:24px;
    padding:0 5px;
    text-decoration:none;
    color:#666;
    font-size:12px;
    border-radius:2px;
    max-width:190px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.dropdown-filter .filter-item a.checked{
    background-color:#2dc3e8;
    color:#fff
}
.dropdown-filter .mainline-div .filter-item a{
    max-width:300px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.dropdown-filter .filter-btns{
    margin:15px 20px 12px
}
.dropdown-filter .filter-btns .btn{
    margin-left:5px;
    min-width:70px
}
.dropdown-relevance .dropdown-menu li a{
    padding:5px 10px
}
.upload-widget-wrap{
    padding:3px
}
.upload-widget-wrap.html5{
    border:dashed 1px #ccc
}
.upload-widget-wrap.html5 .upload-tip{
    display:inline-block
}
.upload-widget-wrap .upload-tip{
    margin:1px 5px;
    color:#999;
    display:none
}
.entity-container.hide{
    display:none
}
.span1.contacts-plus{
    margin-top:3px
}
.customer-wrap .sublebel{
    color:#999;
    height:25px;
    line-height:25px;
    border-bottom:solid 1px #e2e2e2;
    margin-top:10px;
    padding:0 8px;
    cursor:pointer
}
.customer-wrap .sublebel:hover{
    color:#333
}
.contacts-list{
    background-color:#fff
}
.contact-list{
    height:32px;
    line-height:32px;
    padding:0 8px;
    border-bottom:dashed 1px #f2f2f2
}
.contact-list span{
    color:#999;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-left:3px
}
.contact-list span.info-username{
    color:#000
}
.contact-list:hover{
    background-color:#f9f9f9
}
.contacts-list .contact-info{
    margin:0;
    background:#fafafa
}
.entity-info .contact-controls{
    margin-left:55px
}
.contact-controls [class*="span"] input[disabled],.contact-controls [class*="span"] input[readonly]{
    background-color:#fcfcfc
}
.contact-controls .control-label{
    width:30px
}
.contact-info .contact-btns{
    padding-top:8px
}
.follow-container .mCSB_container{
    min-height:100%
}
.follow-container{
    padding:10px
}
.follow-container .group{
    margin-top:15px
}
.follow-container .group .title{
    font-size:15px;
    font-weight:bold;
    padding-left:10px;
    margin-bottom:5px
}
.follower-box{
    background:#fff;
    border:1px solid #d5d5d5;
    cursor:pointer;
    display:inline-block;
    float:left;
    font-size:12px;
    height:80px;
    margin:10px;
    padding:10px;
    width:200px
}
.follower-box.showmore{
    line-height:60px;
    color:#999
}
.follower-box.showmore:hover{
    text-decoration:none
}
.follower-box-add{
    line-height:60px;
    color:#999;
    text-decoration:none
}
.follower-box:hover{
    border:solid 1px #fda316
}
.follower-box-add:hover{
    color:#fda316
}
.follower-box .follower-remove{
    margin-top:-3px;
    display:none
}
.follower-box:hover .follower-remove{
    display:inline-block
}
.follower-box .face{
    width:58px;
    height:58px;
    float:left
}
.follower-box .approved span{
    color:#666
}
.follower-box .approved b,.follower-box .unapproved b{
    color:#ccc;
    font-weight:normal
}
.follower-box .unapproved span{
    color:#ff821c
}
.follower-box .typeahead-wrapper{
    width:auto!important
}
.follower-box-add{
    color:#e2e2e2
}
.follower-box-add:hover{
    color:#999
}
.follower-box-add .face{
    width:50px;
    height:50px;
    margin:5px;
    text-align:center;
    border:solid 1px #e2e2e2
}
.follower-box-add .face i{
    font-size:40px;
    display:inline-block;
    margin:5px
}
.follower-box-add .addtips{
    line-height:60px;
    padding-left:10px
}
.follower-box-add .follower-input{
    margin:0 0 0 18px
}
.follower-box-add .follower-input input{
    width:120px
}
.follower-box-add .employee{
    color:#333
}
.follower-box .face img{
    width:48px;
    height:48px;
    margin:5px
}
.follower-box .info,.follower-box-add .addtips{
    margin:0 0 0 62px;
    padding:0;
    height:60px
}
.follower-box .info li{
    margin:0;
    padding:0;
    list-style:none;
    line-height:18px
}
.follower-box .info li i{
    margin-right:3px
}
.upload-avatar-box.modal .main-hd{
    display:none
}
.upload-avatar-box .user-photo{
    padding:10px
}
.upload-avatar-box .modal-body{
    max-height:550px;
    overflow-y:auto
}
.user-photo-view .avatar-img{
    border:5px solid #f2f2f2;
    margin:5px 0
}
.user-photo-view .avatar-note{
    height:400px;
    width:400px;
    text-align:center;
    line-height:30px;
    background:url("/static/images/home/upload_big.png") center 81px no-repeat #fff
}
.user-photo-view .avatar-wrapper{
    float:left
}
.user-photo-view .avatar-preview-wrapper{
    margin-left:415px
}
.user-photo-view .avatar-preview-wrapper p{
    margin:0;
    line-height:30px
}
.user-photo-view .btn-groups{
    margin:15px 0
}
.user-photo-view .avatar-preview{
    margin:0;
    border:2px solid #f2f2f2;
    width:100px;
    height:100px;
    overflow:hidden;
    position:relative
}
.user-photo-view .avatar-preview img{
    width:100px;
    height:100px;
    position:relative;
    max-width:none
}
.modal.passwd-modal .modal-dialog{
    width:500px
}
.passwd-modal .control-label{
    width:80px;
    text-align:right
}
.passwd-modal .controls{
    margin-left:90px
}
.user-photo-view .control-label{
    text-align:right
}
.binding_js{
    margin-left:10px
}
.passwd-modal .control-group{
    padding:5px 20px
}
.passwd-modal .control-group:hover{
    border-color:#fff
}
.passwd-modal .modal-footer{
    text-align:left;
    color:#666
}
.passwd-modal-tip{
    padding-bottom:15px;
    color:#666
}
.user-info .control-label{
    width:100px
}
.user-info .mCSB_container{
    padding-bottom:220px
}
.wechat-div{
    width:300px;
    position:absolute;
    left:auto;
    top:85px;
    margin:0;
    padding:10px;
    z-index:100;
    max-width:320px
}
.wechat-div textarea{
    width:96%
}
.wechat-div .control-label{
    margin:5px 0 0 0
}
.wechat-div .control-group{
    margin:5px 0
}
.scrollwrapper{
    overflow-y:auto
}
.autosize{
    display:block;
    overflow:auto
}
.typeahead-wrapper{
    display:inline-block;
    vertical-align:middle;
    border:1px solid #a3adba
}
.typeahead-wrapper.hide{
    display:none
}
input.typeahead{
    width:120px;
    height:28px;
    margin:0;
    line-height:20px;
    padding:4px 10px;
    float:left;
    border:0
}
input.typeahead[data-entity="employee"]{
    width:130px
}
input.typeahead:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.typeahead-search{
    position:relative;
    height:28px;
    width:20px;
    padding:3px;
    margin:0;
    border:0;
    background:transparent;
    cursor:pointer;
    float:right
}
.typeahead-search:hover{
    background:transparent
}
.typeahead-search i{
    color:#08c;
    font-size:14px;
    line-height:18px
}
.tt-suggestion{
    position:absolute;
    z-index:100;
    height:auto;
    padding:0;
    margin:28px 0 0 -1px;
    display:block;
    background-color:#fff
}
.tt-suggestion #searchListWrap{
    max-height:310px;
    overflow-y:auto
}
.tt-suggestion p{
    height:28px;
    line-height:22px!important;
    width:140px;
    margin:0;
    padding:3px 5px;
    word-break:keep-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.tt-suggestion p>span{
    overflow:hidden;
    word-break:keep-all;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:inline-block
}
.tt-suggestion p>img+span{
    width:115px
}
.tt-suggestion p>i+span{
    width:100%
}
.tt-suggestion p>span:only-child{
    width:100%
}
.tt-suggestion p .name{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:65px;
    margin:0 5px 0 0
}
.tt-suggestion .loading_small{
    width:120px;
    line-height:32px;
    height:32px
}
.tt-suggestion .employee{
    width:150px
}
.tt-suggestion p:hover,.tt-suggestion p.active{
    color:#fff;
    background:#2dc3e8;
    cursor:pointer
}
.tt-suggestion p>*,.tt-suggestion p>span>*{
    display:block;
    float:left
}
.tt-suggestion p i.hide{
    display:none
}
.tt-suggestion p .name{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:65px;
    margin:0 5px 0 0
}
.tt-suggestion .employee img{
    height:20px;
    width:20px;
    margin-right:5px;
    vertical-align:-5px
}
.tt-suggestion .employee.invite i{
    font-size:18px;
    display:inline-block;
    vertical-align:-3px;
    line-height:22px
}
.tt-suggestion .employee.invite span{
    color:#96cafe
}
.tt-suggestion p.creat-new i.icon-plus-thin{
    display:inline-block;
    font-size:18px;
    vertical-align:-3px;
    line-height:22px
}
.tt-suggestion p.creat-new{
    color:#5d9cec
}
#searchList .decoration-none{
    text-decoration:none
}
.dropdown-menu>li>a.typeahead-search{
    width:100%!important;
    height:auto
}
.entity-simpleshare .typeahead-wrapper{
    width:atuo
}
.entity-simpleshare select{
    float:left;
    width:85px;
    border-width:0 1px 0 0;
    border-radius:0;
    height:28px
}
.entity-simpleshare .sharetype-user,.entity-simpleshare .sharetype-dept,.entity-simpleshare .sharetype-group{
    float:left
}
.selector-relevance.moretypes .e-list .sn{
    display:block!important
}
.selector-relevance.moretypes .e-list .checkbox{
    display:none!important
}
.bootbox.modal .modal-dialog{
    width:360px
}
.bootbox.modal.fade.in{
    top:20%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1
}
.bootbox .modal-header{
    padding:10px 15px;
    background:#f5f5f5;
    border-radius:6px 6px 0 0
}
.bootbox .modal-header h5{
    margin:0
}
.bootbox .modal-footer{
    padding:10px 18px;
    text-align:center
}
.bootbox .modal-footer .btn{
    margin:0 8px;
    padding:5px 20px
}
.entitybox.modal .modal-content,.modal-grey .modal-content{
    background:#eee
}
.entitybox.modal .modal-content .modal-header,.modal-grey .modal-content .modal-header{
    border-color:#ccc
}
.entitybox.modal .modal-dialog{
    width:800px
}
.entitybox.modal .modal-body{
    min-height:500px;
    max-height:630px;
    padding:0;
    overflow-y:hidden
}
.enlarge-modal.modal .modal-dialog{
    left:50%;
    margin-left:-400px;
    position:absolute;
    top:30px;
    bottom:30px;
    margin-top:0;
    margin-bottom:0
}
.enlarge-modal.modal .modal-content{
    min-height:100%;
    overflow:auto
}
.enlarge-modal.modal .modal-body{
    min-height:0;
    padding:0;
    max-height:none;
    overflow-y:visible
}
.entitybox.modal.autoheight .modal-body{
    min-height:0
}
.noauthority .modal-body{
    padding:0
}
.noauthority .hint{
    padding:10px
}
.animated{
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    transition:all .2s
}
.modal.selector-relevance .modal-dialog{
    width:800px
}
.selector-relevance .modal-body{
    max-height:500px;
    padding:10px 15px
}
.selector-relevance .pagination{
    margin:10px 0
}
.selector-relevance input.suggestion{
    margin:0
}
.selector-relevance .selector-btns{
    float:right
}
.selector-relevance li.result-li:hover .right{
    display:inline-block
}
.selector-relevance .search-group .selected{
    color:#000;
    border-bottom:solid 2px green
}
.selector-relevance .search-group{
    padding-left:0;
    padding-right:0;
    margin-top:5px
}
.selector-relevance .search-group .group{
    text-align:left;
    max-width:70px;
    width:auto;
    margin-right:5px
}
.selector-relevance .selected-container{
    margin:10px 0 5px
}
.selector-relevance .selected-label{
    float:left;
    line-height:30px
}
.selector-relevance .selected-relevances .entity-item a{
    max-width:200px
}
.selector-relevance .selected-container input{
    margin:0 4px 4px 0
}
.selector-relevance .selector-body{
    border:1px solid #ddd;
    margin-top:10px
}
.selector-relevance .selector-tab{
    border-right:1px solid #ddd;
    width:150px
}
.selector-relevance .selector-tab ul li a{
    line-height:43px;
    border-bottom:1px solid #eee;
    font-weight:bold;
    font-size:12px;
    padding:0 18px;
    color:#999
}
.selector-relevance .selector-tab ul li.active a{
    color:#fff;
    background:#2dc3e8
}
.selector-relevance .search-result ul{
    display:none
}
.selector-relevance .search-result ul.active{
    display:block
}
.selector-relevance .no-relevance-record{
    text-align:center;
    color:#aaa;
    list-style:none
}
.selector-relevance .result-li .sn{
    margin:0 10px 0 10px
}
.selector-relevance .folder-tree{
    border:0;
    height:auto;
    overflow:visible
}
.selector-relevance .folder-tree .treeview .treeview-node{
    padding:0 10px;
    line-height:44px;
    border:0
}
.selector-relevance .folder-tree .treeview>li:after{
    content:"";
    position:absolute;
    left:40px;
    right:0;
    top:44px;
    height:1px;
    background:#e7eaec;
    display:block!important
}
.selector-relevance .folder-tree .treeview .e-list>li .checkbox{
    display:inline-block
}
.selector-relevance .folder-tree .treeview .e-list>li .sn{
    display:none
}
.selector-relevance .folder-tree .tree-more{
    height:24px;
    line-height:24px;
    border-radius:3px;
    color:#999;
    background:#f5f5f5;
    text-align:center;
    margin:10px;
    cursor:pointer;
    font-size:12px
}
.suggestion-widget{
    width:220px
}
.suggestion-widget .suggestion-input{
    padding:15px 15px 10px
}
.suggestion-widget .suggestion-list{
    max-height:200px;
    overflow-y:auto;
    padding-bottom:5px
}
.suggestion-widget .suggestion-list li{
    position:relative
}
.suggestion-widget .suggestion-list li a{
    padding:5px 35px 5px 15px;
    line-height:24px;
    color:grey;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-decoration:none
}
.suggestion-widget .suggestion-list li a:hover{
    background:#f8f8f8;
    font-weight:bold
}
.suggestion-widget .suggestion-list li.selected:before{
    font-family:'teams';
    speak:none;
    content:"\e609";
    position:absolute;
    right:10px;
    top:5px
}
.suggestion-widget .suggestion-list li .avatar{
    float:left
}
.suggestion-widget .suggestion-list li .avatar img{
    height:24px;
    width:24px;
    border-radius:50%;
    margin-right:10px
}
.sms-win{
    padding:10px 10px 0 10px;
    position:absolute;
    border:1px solid #e5e5e5;
    background-color:#f5f5ff;
    z-index:30;
    min-width:502px;
    width:502px
}
.sms-description{
    font-size:12px;
    color:#999
}
.sms-description{
    float:left;
    margin-right:10px
}
.sms-prompt{
    float:left;
    color:red;
    font-size:12px
}
.sms-content{
    width:360px;
    font-size:12px;
    margin-top:5px
}
.sms-content{
    padding:5px;
    line-height:18px
}
.sms-content{
    overflow-y:auto;
    scrollbar-arrow-color:#d6d6d6;
    scrollbar-darkshadow-color:#d6d6d6;
    scrollbar-shadow-color:#d6d6d6;
    scrollbar-track-color:#e8e8e8
}
.sms-content::-webkit-scrollbar{
    width:13px;
    height:13px
}
.sms-content::-webkit-scrollbar-track{
    background-color:#f1f1f1
}
.sms-content::-webkit-scrollbar-thumb{
    background-color:#e8e8e8;
    border:1px solid #f1f1f1;
    -webkit-border-radius:4px
}
.sms-content scrollbar{
    -moz-appearance:none!important;
    background:#0f0!important
}
.sms-content thumb,scrollbarbutton{
    -moz-appearance:none!important;
    background-color:#f1f1f1!important
}
.sms-content thumb:hover,scrollbarbutton:hover{
    -moz-appearance:none!important;
    background-color:#f00!important
}
.sms-but{
    height:28px;
    margin-top:5px;
    margin-bottom:5px
}
.sms-area{
    float:left
}
.sms-win-right{
    float:left;
    margin-left:10px;
    margin-top:2px;
    width:120px;
    color:#999;
    font-size:12px
}
.sms-win-right-content{
    line-height:20px;
    overflow:hidden
}
.sms-win-ellipsis{
    height:10px;
    line-height:10px;
    font-weight:lighter;
    font-size:smaller
}
.sms-win-send{
    color:#000
}
.sms-win-hasnot-mobile-count{
    color:#f03
}
.sms-scope-div{
    border-top:1px solid #dcdcdc
}
.sms-scope-select{
    font-size:12px;
    margin-left:5px;
    margin-top:3px
}
.sms-scope ul{
    margin:0 0 8px 0
}
.sms-scope li{
    list-style-type:none;
    height:18px;
    margin:10px 0 5px 0;
    width:100px;
    display:inline-block;
    vertical-align:middle
}
.sms-scope li i{
    float:left;
    display:inline-block;
    height:100%;
    line-height:100%;
    padding-top:3px;
    vertical-align:middle;
    cursor:pointer;
    font-size:13px;
    color:#999
}
.sms-scope li div{
    float:left;
    vertical-align:middle
}
.sms-scope-employee{
    margin-left:1px;
    margin-right:5px;
    vertical-align:middle
}
.sms-scope-checkbox{
    margin-top:2px
}
.sms-scope-username{
    margin-left:5px;
    width:60px;
    display:inline-block;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px
}
.sms-scope-page-turning{
    height:28px
}
.hid{
    visibility:hidden
}
#invite-sms{
    margin-left:10px;
    font-size:14px;
    text-decoration:none
}
.no-blog-watch-authority{
    padding:10px 10px 0 10px;
    border:1px solid #e5e5e5;
    background-color:#f5f5ff;
    z-index:30
}
.no-blog-watch-authority{
    width:400px;
    height:100px;
    padding:15px 20px;
    font-size:13px;
    z-index:2000;
    vertical-align:middle;
    margin-top:100px;
    margin-left:45px
}
.no-blog-watch-authority-username{
    display:inline-block;
    max-width:80px;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:black;
    margin:10px 0
}
.no-blog-watch-authority-row1{
    text-align:center;
    color:gray
}
.no-blog-watch-authority-row1 span{
    display:inline-block;
    vertical-align:middle
}
.no-blog-watch-authority-row2{
    margin-top:15px;
    text-align:center
}
.no-blog-watch-authority-row3{
    display:inline-block;
    height:18px;
    line-height:18px;
    padding-left:20px;
    background:url("../../images/home/mainline.png") no-repeat;
    background-position:-80px -128px;
    float:right;
    margin-top:-5px;
    margin-right:-8px
}
.no-blog-watch-authority-row3:hover{
    background-position:-30px -192px
}
.no-blog-watch-authority-privateMessage{
    margin-left:10px
}
.invite-modal .modal-dialog{
    width:710px;
    z-index:1200
}
.invite-modal .invite-inputs .control-group{
    display:inline-block;
    padding:10px
}
.invite-modal .modal-body .email{
    width:120px;
    text-align:right
}
.invite-modal .modal-body .control-group{
    margin:0
}
.invite-modal .modal-body .modal-remind .control-group{
    margin-bottom:10px
}
.invite-modal .modal-body .remind-tip{
    background:#f5f5f5;
    border:1px #ddd solid;
    margin-bottom:10px;
    padding:3px
}
.invite-modal .modal-body .modal-remind .remind-tip i{
    margin-right:5px
}
.invite-modal .modal-body .i-tips{
    color:#F00
}
.invite-modal .controls{
    margin-left:260px;
    margin-top:10px
}
.invite-modal .invite-clear{
    padding-left:5px
}
.invite-modal .module-help{
    right:145px
}
.invite-modal .detail-header{
    background:#fff
}
.invite-modal .detail-actions>ul>li>a.close{
    font-size:28px;
    border-left:1px solid #ddd;
    opacity:1;
    font-weight:normal;
    text-shadow:none;
    float:none;
    border-radius:3px 3px 0 0
}
.icon1{
    background:url(/static/images/password/icon1.png) no-repeat;
    width:18px;
    line-height:18px;
    display:inline-block
}
.icon1-ok{
    background-position:-12px -185px
}
.icon1-cancel{
    background-position:-15px -215px
}
.client-modal .modal-dialog{
    width:792px
}
.client-modal .control-group{
    margin:0 10px 10px 0
}
.client-modal .control-group .control{
    border:1px solid #CCC;
    width:170px;
    margin-bottom:5px
}
#activebox-container .controls{
    width:300px
}
#activebox .modal-body{
    max-height:450px
}
#advise #advise-textarea{
    width:90%;
    border:1px solid #ccc;
    margin:10px 0;
    padding:5px 10px;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    height:100px;
    max-height:150px
}
#advise .advise-submit{
    margin-top:5px
}
#advise .modal-header{
    padding-top:6px;
    padding-bottom:6px
}
#advise .modal-header h5{
    display:inline-block;
    height:30px;
    line-height:30px;
    margin:0
}
#advise .advise-cancel{
    margin-top:5px;
    margin-left:10px
}
#advise .description{
    margin-top:-5px;
    color:#888
}
.versioninfo .nav{
    padding-left:50px
}
.versioninfo .cbp_tmtimeline{
    padding-right:50px
}
.gps-address,.gps-client,.gps-map{
    margin-right:5px;
    color:#bbb;
    font-size:12px
}
.guide-div{
    margin:50px;
    padding:10px;
    text-align:center;
    line-height:25px;
    border:solid 1px #e2e2e2;
    vertical-align:middle;
    color:#999
}
.guide-div a.btn{
    margin-top:10px
}
.guide-div.hide{
    display:none
}
.follow-tip,.user-tip{
    padding:10px;
    margin-top:15px;
    border:1px solid #166db4;
    text-align:center;
    color:#9da8ba
}
.follow-tip a.btn-invite,.user-tip a.btn-invite{
    color:#333;
    text-shadow:none;
    background-color:#d5d5d5;
    display:inline-block;
    padding:3px 10px;
    text-decoration:none
}
.follow-tip a.btn-invite:hover,.user-tip a.btn-invite:hover{
    background-color:#f1f1f1
}
#messages-nav .nav>li>a:hover,#messages-nav .nav>li>a:focus,#messages-nav .nav>li.active>a{
    background-color:#c8e6ff
}
.messages-read h6{
    text-indent:10px
}
.tooltip-partner{
    width:220px;
    font-familiy:Arial,Microsoft YaHei,Helvetica,sans-serif;
    font-size:12px
}
.employee-mobile-wrapper{
    line-height:28px
}
.employee-mobile-wrapper #employee-mobile-p{
    margin-right:15px
}
.mCS-darkblue.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-darkblue.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools{
    width:8px
}
.mCS-darkblue.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    border-radius:5px;
    background:rgba(0,0,0,0.15)
}
.mCS-darkblue.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover,.mCS-darkblue.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(0,0,0,0.25)
}
.mCS-darkblue.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-darkblue.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(0,0,0,0.3)
}
.mCS-darkblue.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height:8px;
    margin:4px auto
}
.entitybox.modal .mCustomScrollbar .mCSB_container,.mainlinebox.modal .mCustomScrollbar .mCSB_container{
    padding-bottom:200px
}
.mCus-mh100>.mCustomScrollBox>.mCSB_container{
    min-height:100%
}
.detail-content>.mCustomScrollBox>.mCSB_container,#flowContent>.mCustomScrollBox>.mCSB_container{
    padding-bottom:200px
}
.crm-detail-view .detail-content>.mCustomScrollBox>.mCSB_container{
    padding-bottom:400px
}
.stretch-box .mCustomScrollbar .mCSB_container{
    min-height:100%;
    marign-bottom:40px
}
.workflows-container .mCSB_container,.task-wrap .mCSB_container,.customer-wrap .mCSB_container,.workflow-wrap .mCSB_container,.mainline-container .mCSB_container{
    padding-bottom:170px
}
.modal .task-wrap .mCustomScrollbar .mCSB_container,.modal .mainline-container .mCustomScrollbar .mCSB_container,.modal .workflow-wrap .mCustomScrollbar .mCSB_container,.modal .document-wrap .mCustomScrollbar .mCSB_container,.modal .customer-wrap .mCustomScrollbar .mCSB_container{
    padding-bottom:185px
}
.modal .workflows-wrap .mCustomScrollbar .mCSB_container{
    padding-bottom:0
}
.entitybox.modal .agenda-wrapper .mCSB_container{
    padding-bottom:150px
}
.mainlinelink-list-container .mCSB_container{
    min-height:100%
}
.main-pane>.mCustomScrollbar>.mCustomScrollBox>.mCSB_container{
    min-height:100%
}
.modal-relogin .modal-dialog{
    width:500px
}
.modal-relogin .modal-body{
    padding:20px 30px
}
.modal-relogin .control-group .control-label{
    width:50px;
    text-align:left;
    font-size:14px;
    font-weight:normal
}
.modal-relogin .control-group .form-control{
    height:34px;
    padding:7px 10px;
    width:90%
}
.modal-relogin .control-group .controls{
    margin-left:50px
}
.introjs-highindex.introjs-showElement{
    z-index:99999!important
}
.introjs-helperLayer{
    position:absolute;
    z-index:999999;
    background-color:rgba(255,255,255,.05);
    border:2px solid rgba(255,255,255,.99);
    border-radius:4px;
    box-shadow:0 2px 15px rgba(255,255,255,.99);
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.goto-top{
    position:fixed;
    bottom:50px;
    right:28px;
    height:48px;
    width:48px;
    background-position:right top;
    opacity:.7;
    cursor:pointer;
    z-index:500
}
.goto-top:hover{
    opacity:1
}
.swicth-set-list .checkbox-inline,.swicth-set-list .radio-inline{
    vertical-align:top
}
.swicth-set-list .list-item,.swicth-set-list .list-title{
    border-bottom:1px solid #eee;
    overflow:hidden;
    line-height:30px;
    min-height:30px;
    padding:9px 20px;
    position:relative
}
.swicth-set-list .list-item .e-range{
    float:right
}
.swicth-set-list .list-item:last-child{
    border:0
}
.card-account .list-item:before{
    width:30px;
    height:30px;
    content:"";
    position:absolute;
    background:url(../images/account-icon.png) no-repeat
}
.card-account .bindWeibo-item:before{
    background-position:0 0
}
.card-account .bindQq-item:before{
    background-position:-30px 0
}
.card-account .bindWechat-item:before{
    background-position:-60px 0
}
.card-account .list-item span{
    margin:0 0 0 40px;
    color:#999
}
.account-view .account-main{
    width:66.6667%
}
.account-view .account-side{
    width:33.3333%;
    padding-left:20px
}
.module-set-view .view-side{
    width:33.3333%;
    padding-left:20px
}
.modal .module-set-view .view-side{
    display:none
}
.modal .module-set-list .remindinfo{
    display:block
}
.module-set-list ul{
    background:#fff;
    border:1px solid #d5d5d5
}
.module-set-list li{
    padding:9px 20px;
    line-height:30px;
    border-bottom:1px solid #eee;
    position:relative;
    background:#fff
}
.module-set-list li .e-range{
    float:right
}
.entitybox.modal .module-set-view.mCustomScrollbar>.mCSB_container{
    padding-bottom:0
}
.message-set-view .list-item input.earlytime{
    width:30px;
    padding:2px;
    text-align:center;
    margin:0 5px
}
.message-set-view .swicth-set-list .list-item>*{
    display:inline-block
}
.message-set-view .swicth-set-list .list-item>.remindTime{
    margin:0 5px
}
.message-set-view .tray-tips{
    width:33.3333%;
    padding-left:20px
}
.message-set-view .set-list-col1{
    min-width:200px;
    max-width:205px
}
.message-set-view .set-list-col2{
    min-width:55px;
    max-width:60px
}
.message-set-view .set-list-col3{
    min-width:230px;
    max-width:235px
}
.sysremind-set-view .swicth-set-list .list-item>.set-list-line{
    margin:0 30px 0 0
}
@media(max-width:1440px){
    .sysremind-set-view .set-list-col1{
        min-width:170px
    }
}
.entity-info .controls-textonly{
    padding-top:7px
}
.userinfo-view .userinfo-container{
    padding:0 0 170px
}
.userinfo-view .userinfo-main{
    width:66.6667%
}
.userinfo-view .userinfo-side{
    width:33.3333%;
    padding-left:20px
}
.userinfo-view .entity-info .control-group,.tenantinfo-view .entity-info .control-group,.entity-info.position-info .control-group{
    padding:8px 20px
}
.userinfo-view .entity-info .control-label,.tenantinfo-view .entity-info .control-label,.entity-info.position-info .control-label,.catchmanager-view .entity-info .control-label{
    font-size:12px;
    font-weight:bold;
    width:auto;
    vertical-align:top;
    margin-right:10px
}
.userinfo-view .entity-info .controls,.tenantinfo-view .entity-info .controls{
    margin-left:0;
    font-size:12px;
    display:inline-block;
    vertical-align:top
}
.entity-info.position-info .controls{
    font-size:12px;
    vertical-align:top
}
.entity-info.position-info .form-control{
    font-size:12px
}
.userinfo-view .accounts_js span:empty{
    display:none
}
.userinfo-view .btn-container>*{
    float:left;
    padding:0;
    margin:0 10px 0 0
}
.userinfo-view .btn-container>*:last-child,.userinfo-view .btn-container>*:only-child{
    margin:0
}
.userinfo-view .team-list{
    padding-right:10px;
    color:#666;
    width:190px
}
@media(min-width:1200px){
    .userinfo-view .team-list{
        width:300px
    }
}
.userinfo-view .team-list h3{
    padding:17px 0 15px 28px;
    font-size:14px;
    margin:0
}
.userinfo-view .team-list ul li{
    margin:0 20px 10px;
    line-height:30px;
    border-radius:2px;
    background:#ebebeb;
    padding:0 34px 0 14px;
    white-space:nowrap;
    overflow:hidden;
    position:relative;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.userinfo-view .team-list ul{
    margin-bottom:20px
}
.userinfo-view .team-list ul li.active{
    background:#23b7e5;
    color:#fff
}
.userinfo-view .team-list ul li.active:before{
    content:'';
    position:absolute;
    height:8px;
    width:8px;
    border-style:solid;
    border-width:1px 1px 0 0;
    border-color:#fff;
    -webkit-transform:rotate(45deg);
    -mos-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    right:10px;
    top:10px
}
.applylist-ul li{
    overflow:hidden
}
.applylist-ul li>span{
    display:block;
    float:left
}
.applylist-ul li>span.teamsname{
    width:40%
}
.applylist-ul li>span.applydate{
    width:40%
}
.applylist-ul li>span.status{
    width:20%
}
.tenantinfo-view{
    padding:20px
}
@media(min-width:1366px){
    .tenantinfo-view .view-main{
        width:58.3333%;
        float:left
    }
    .tenantinfo-view .view-side{
        width:41.6667%;
        padding-left:20px;
        float:left
    }
}
.tenantinfo-view .tenant-price{
    background-color:#f6f6f6;
    border:1px solid #d5d5d5;
    border-radius:3px;
    padding:20px;
    color:#666
}
.tenantinfo-view .tenant-price .free-rule{
    line-height:30px;
    margin-bottom:20px
}
.tenantinfo-view .tenant-price .pay-rule dt{
    padding:14px 20px;
    color:#fff;
    background:#a0d468;
    text-align:center
}
.tenantinfo-view .tenant-price .pay-rule dd{
    padding:20px;
    background:#fff;
    border:1px solid #d5d5d5;
    line-height:24px
}
.tenantinfo-view .tenant-price .pay-rule dd span{
    color:#fb6e52
}
.tenantinfo-space .progress{
    width:250px;
    display:inline-block;
    vertical-align:middle;
    margin-bottom:0;
    position:relative;
    top:-1px
}
.tenantinfo-space .usedSpace{
    display:inline-block;
    vertical-align:middle;
    margin-left:5px
}
.tenantinfo-save{
    padding:8px 20px
}
.toolkit-list.trashbin-tool{
    height:auto
}
@media(max-width:1440px){
    .trashbin-tool .trashbin-tool-a{
        border-top:1px solid #ddd;
        display:block;
        margin:10px 0 0;
        padding:10px 0 0;
        width:100%
    }
    .trashbin-tool input.datepicker{
        width:98px
    }
    .trashbin-tool .trashbin-tool-b{
        position:absolute;
        right:20px;
        bottom:10px
    }
    .trashbin-tool-a .search{
        margin:0 166px 0 .3em
    }
}
.trashbinlogContent .sham-tab .title+div{
    height:420px!important
}
.trash-bin-ul li.list-empty{
    border-left:1px solid #ddd;
    border-right:1px solid #ddd
}
.trashbinDialog-container .mCSB_container{
    overflow:auto
}
.trash-bin-ul li.list-empty{
    color:#ddd;
    font-size:13px;
    text-align:center
}
.trash-bin-ul li .name{
    margin-left:40px
}
.trashbinlogContent li .name{
    margin-left:0!important
}
.trash-bin-ul li .lp .ck{
    float:left;
    margin:11px 0 0 2px
}
.trash-bin-ul li .lp{
    position:relative
}
.trash-bin-ul li .lp:before{
    position:absolute;
    content:"";
    top:0;
    left:37px;
    bottom:0;
    width:1px;
    background:#ddd
}
.trash-bin-ul li .lp .ck input{
    position:absolute
}
.trash-bin-ul li .opt a{
    margin-right:8px;
    color:#999
}
.trash-bin-ul li .opt i{
    color:#616264
}
.trash-bin-ul li .opt .opt-loading{
    margin-top:12px;
    height:15px;
    width:15px
}
.trash-bin-ul li .lp{
    width:46%
}
.trash-bin-ul li .whodo{
    width:14%
}
.trash-bin-ul li .time,.trash-bin-ul li .opt{
    width:20%
}
.trash-bin-ul li .opt{
    text-overflow:clip!important
}
.trashbinlog-bx .modal-content{
    background:#eee
}
.trashbinlog-bx .modal-header{
    border-bottom:1px solid #ddd
}
.trashbinlog-ct{
    overflow:hidden
}
.trashbinlog-ct .toolkit-list>li{
    margin:0 15px 10px 0
}
.trashbinlog-ct .toolkit-item-nobr{
    margin:0 15px 0 0!important
}
.trashbinlog-bx .modal-dialog{
    width:1000px
}
.trashbinlog-bx .modal-body{
    max-height:580px
}
.trashbinlog-ct .toolkit-item .name-log{
    width:150px
}
.trashbinlog-ct .toolkit-item-nobr .typeahead-wrapper{
    margin-top:2px
}
.g-search-content .g-search-left{
    width:60%;
    padding-right:20px
}
.g-search-content .g-search-left .toolkit-bar{
    border-style:solid;
    border-width:1px 1px 0;
    border-color:#d5d5d5
}
.g-search-content .g-search-right{
    width:40%
}
@media(max-width:1280px){
    .g-search-content .g-search-left{
        width:55%
    }
    .g-search-content .g-search-right{
        width:45%
    }
}
.g-search-title{
    font-size:15px;
    font-weight:bold;
    padding:0 10px 5px
}
.g-search-left #search-result{
    border-width:0 1px;
    border-style:solid;
    border-color:#d5d5d5;
    background:#fff
}
.g-search-left #search-result .e-list{
    border:0
}
.g-search-right .main-hd{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-style:solid;
    border-width:1px;
    border-color:#d5d5d5;
    background:#fafafa
}
.g-search-right .feedback-view{
    padding:0;
    border:1px solid #d5d5d5;
    border-width:0 1px;
    background:#fff
}
.g-search-right .feedback-view .feedback-item{
    border-radius:0;
    border-bottom:1px dashed #e7e7e7;
    margin:0
}
.g-search-tab li>a>i{
    display:inline-block;
    height:4px;
    width:4px;
    vertical-align:9px;
    border-radius:50%;
    background:#fb6e52;
    margin-left:0
}
@media(max-width:1650px){
    .g-search-content .toolkit-bar>ul>li>a{
        padding-right:2px;
        padding-left:2px
    }
}
@media(max-width:1500px){
    .g-search-content .toolkit-bar>ul>li>a{
        padding-right:0;
        padding-left:0
    }
}
@media(max-width:1440px){
    .g-search-content .toolkit-bar .toolkit-list .toolkit-item{
        margin-right:7px
    }
}
@media(max-width:1360px){
    .g-search-content .toolkit-bar .toolkit-list .toolkit-item{
        margin-right:5px;
        font-size:13px
    }
}
@media(max-width:1250px){
    .g-search-content .toolkit-bar .toolkit-list .toolkit-item{
        margin-right:5px
    }
}
@media(max-width:1130px){
    .g-search-content .toolkit-bar .toolkit-list .toolkit-item{
        margin-right:8px;
        font-size:12px
    }
}
@media(max-width:1080px){
    .g-search-content .toolkit-bar .toolkit-list .toolkit-item{
        letter-spacing:-1px;
        margin-right:10px
    }
}
.modal .ape-close{
    float:right;
    font-size:16px;
    margin-top:4px
}
@-webkit-keyframes bounce{
    0%,20%,53%,80%,100%{
        -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform:translate3d(0,-12px,0);
        transform:translate3d(0,-12px,0)
    }
    70%{
        -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform:translate3d(0,-6px,0);
        transform:translate3d(0,-6px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-3px,0);
        transform:translate3d(0,-3px,0)
    }
}
@keyframes bounce{
    0%,20%,53%,80%,100%{
        -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform:translate3d(0,-12px,0);
        -ms-transform:translate3d(0,-12px,0);
        transform:translate3d(0,-12px,0)
    }
    70%{
        -webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform:translate3d(0,-6px,0);
        -ms-transform:translate3d(0,-6px,0);
        transform:translate3d(0,-6px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-3px,0);
        -ms-transform:translate3d(0,-3px,0);
        transform:translate3d(0,-3px,0)
    }
}
.sch-wrapper{
    padding:20px;
    border:1px solid #d5d5d5;
    background:#f7f7f7;
    min-height:40px
}
.sch-wrapper hr{
    margin:14px 10px 30px 10px;
    clear:both
}
.sch-wrapper .sch-group-hd{
    font-size:14px;
    margin-bottom:10px
}
.sch-wrapper .sch-group{
    min-height:32px;
    margin:0 0 10px 0;
    position:relative
}
.sch-wrapper .sch-group .common-tag{
    float:left;
    line-height:24px
}
.sch-wrapper .sch-group .common-tag>a:hover{
    text-decoration:none
}
.sch-wrapper .sch-group .common-tag>.text{
    max-width:100px;
    margin:0 20px 0 0;
    float:left
}
.sch-wrapper .sch-group .common-tag>.close{
    margin:0 -15px;
    float:left;
    line-height:25px
}
.sch-wrapper .slideup-div{
    text-align:center;
    cursor:pointer;
    line-height:24px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#e6e6e6;
    background:#fafafa
}
.sch-wrapper .slideup-div:hover{
    background:#fdfdfd
}
.sch-wrapper .slideup-div>div{
    color:#999;
    padding:5px 0
}
.sch-wrapper .sch-group .controls>*,.sch-wrapper .controls .inner-el>*{
    float:left;
    margin-right:10px
}
.sch-wrapper .sch-item{
    line-height:30px;
    padding-top:0;
    float:left
}
.sch-wrapper .sch-group>.controls{
    margin:0 0 0 170px
}
.sch-wrapper .fake-btn-box{
    position:relative
}
.sch-wrapper .fake-btn-box select{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width:80px!important;
    opacity:0
}
.sch-wrapper .fake-btn-box select option{
    line-height:24px
}
.sch-wrapper .sch-item>select.form-control{
    width:156px
}
.sch-wrapper .sch-item>a{
    vertical-align:top
}
.sch-wrapper .sch-group select.form-control,.sch-wrapper .sch-group select>option{
    padding:4px;
    vertical-align:top
}
.sch-wrapper .sch-item-period input{
    width:100px;
    padding:5px 10px
}
@media(min-width:1024px){
    .sch-wrapper .entity-container{
        max-width:230px
    }
}
@media(min-width:1200px){
    .sch-wrapper .entity-container{
        max-width:400px
    }
}
@media(min-width:1350px){
    .sch-wrapper .entity-container{
        max-width:520px
    }
}
@media(min-width:1540px){
    .sch-wrapper .entity-container{
        max-width:700px
    }
}
@media(min-width:1600px){
    .sch-wrapper .entity-container{
        max-width:760px
    }
}
@media(min-width:1900px){
    .sch-wrapper .entity-container{
        max-width:1000px
    }
}
@media(max-width:1024px){
    .sch-wrapper .entity-container{
        max-width:230px
    }
}
.sch-wrapper .entity-item .entitybox-toggle{
    max-width:100px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.sch-wrapper .control-btn{
    vertical-align:top
}
.sch-wrapper .sch-item-period .spline{
    display:inline-block;
    width:18px;
    text-align:center
}
.sch-wrapper .sch-group a.dele{
    border:1px solid #ccc;
    border-radius:50%;
    color:#666;
    display:inline-block;
    height:30px;
    text-align:center;
    text-decoration:none;
    width:30px;
    line-height:30px;
    vertical-align:top
}
.sch-wrapper .sch-group-opt a{
    text-decoration:none;
    color:#bdc3c7;
    font-size:26px;
    line-height:30px;
    float:right
}
.sch-wrapper .sch-group-opt a+a{
    margin-right:5px
}
.sch-wrapper .sch-group-opt a:hover{
    color:#08c
}
.sch-wrapper .sch-group .sch-group-opt .add{
    display:none;
    color:#5ab85e
}
.sch-wrapper .sch-group:last-child .sch-group-opt a.add{
    display:block
}
.sch-wrapper .search-group-list>.search-group{
    margin:0 0 10px 0
}
.sch-wrapper>.sch-group>.btn+.btn{
    margin-left:0
}
#quick-invite-modal .modal-dialog{
    width:380px
}
#quick-invite-modal .form-invite{
    border-bottom:0;
    padding-right:15px 15px 0
}
#quick-invite-modal .form-horizontal .control-label{
    width:75px
}
#quick-invite-modal .form-horizontal .controls{
    margin-left:80px
}
#quick-invite-modal .modal-footer{
    padding:10px 18px
}
#quick-invite-modal .modal-footer .btn{
    margin:0 8px
}
.team-pass-begin .apply-btn{
    padding:0 0 20px 0
}
.team-pass-begin .create-btn{
    border-top:1px dashed #d5d5d5;
    padding:20px 0 0 0
}
.addteam-view-bg{
    background-color:#FFF;
    z-index:999;
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:absolute
}
.addteam-view-loading{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin:-40px 0 0 0;
    z-index:99999
}
.team-pass-modal .teams-join{
    padding:20px 0 0 0
}
.team-pass-modal .team-create{
    padding:0 0 20px 0;
    border-bottom:1px dashed #d5d5d5
}
.team-pass-modal .team-create .team-create-form{
    padding:20px 0 0 0
}
.team-pass-modal .team-search{
    margin:0 auto;
    width:70%
}
.team-pass-modal .team-search-list{
    font-size:12px
}
.team-pass-modal .team-search-list .list-item{
    height:37px;
    line-height:36px;
    position:relative;
    border-bottom:1px solid #e5e5e5
}
.team-pass-modal .team-search-list .list-item>span{
    padding:0 5px;
    float:left
}
.team-pass-modal .team-search-list .list-item .sn{
    width:10%
}
.team-pass-modal .team-search-list .list-item .sn i{
    display:inline-block;
    background-color:#2dc3e8;
    border-radius:2px;
    min-width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#fff
}
.team-pass-modal .team-search-list .list-item .name{
    width:42%
}
.team-pass-modal .team-search-list .list-item .leader{
    width:26%
}
.team-pass-modal .team-search-list .list-item .option{
    width:18%
}
.team-pass-modal .team-search-list .list-item .a-join{
    position:absolute
}
.team-pass-modal .team-search-list .list-item>span>a.btn{
    display:none;
    right:5px;
    top:3px
}
.team-pass-modal .team-search-list .list-item:hover>span>a.btn{
    display:inline-block
}
.team-pass-modal .team-create h3{
    font-size:16px;
    text-align:center;
    margin:10px 0 10px 0;
    padding-bottom:10px
}
.team-pass-modal .team-create .control-label{
    width:85px;
    text-align:left
}
.team-pass-modal .team-create .controls{
    margin-left:85px
}
.team-pass-modal .team-create .form-horizontal .control-group{
    margin-bottom:0;
    padding:0 48px
}
.team-pass-modal .search-list li:hover a.a-join{
    display:inline-block
}
.team-pass-modal .search-list li:hover{
    background:#f2fafd
}
.team-pass-modal .modal-body{
    max-height:600px
}
.team-pass-modal .ui-colorbox-info{
    background:#f5fbff;
    border:1px solid #d1eeff
}
.teams-swich .dropdown-menu{
    max-height:345px;
    overflow-y:auto;
    background-color:#0092b6
}
.team-create .control-group .input-group{
    width:374px
}
.remind-pop{
    position:absolute;
    right:60px;
    left:auto;
    top:35px;
    padding:10px;
    z-index:1005;
    border:1px solid rgba(0,0,0,0.3);
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    background-color:#fff
}
.remind-pop textarea{
    width:100%;
    resize:none
}
.remind-pop .control-label{
    margin:5px 0 0 0
}
.remind-pop .control-group{
    margin:5px 0
}
.pasteimg-modal.modal .modal-dialog{
    width:400px
}
.pasteimg-modal .paste-img img{
    max-width:100%;
    max-height:200px;
    vertical-align:top
}
.quittransfer-detail-view .detail-body{
    padding:15px 18px
}
.quittransfer-detail-view .detail-body .detail-block{
    margin:0
}
.quittransfer-detail-view .detail-body .notes{
    padding:15px 0;
    display:inline-block;
    color:#999;
    font-size:12px;
    font-weight:normal
}
.quittransfer-detail-view .detail-body .notes:first-child{
    padding:0 0 15px 0
}
.quittransfer-detail-view .sham-tab .item{
    width:25%;
    text-align:center
}
.quittransferContainer li.list-sub li .opt:hover,.quittransfer-detail-view .entityContainer li.list-sub li .name:hover{
    color:#0069bd;
    cursor:pointer
}
.quittransferContainer ul .mCSB_container{
    padding-bottom:350px!important
}
.quittransferContainer ul .list-sub>ul>li,.quittransferDetailContainer ul .list-sub>ul>li{
    background-color:#fff
}
.quittransferContainer .sham-tab li{
    line-height:inherit
}
.quittransferContainer .sham-tab .list>ul>li>.item a.employee{
    color:#333
}
.quittransferContainer .detail-infos .info-item{
    line-height:40px
}
.quittransferContainer .detail-infos dd>div{
    height:40px;
    line-height:40px
}
.quittransferContainer .detail-infos dd .entity-container>span,.quittransferContainer ul .entity-container>span{
    margin:5px 0 0 0
}
.quittransferContainer .detail-actions i.icon-help,.taskslist-detail-view .detail-actions i.icon-help{
    font-size:16px;
    line-height:50px;
    margin:0 10px 0 0
}
.quittransferContainer .quittransfer-view-loading{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin:-40px 0 0 0;
    z-index:99999
}
.quittransferContainer .quittransfer-view-bg{
    background-color:#FFF;
    z-index:999;
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:absolute
}
.quittransferContainer .trashbinlogContent{
    position:relative
}
.quittransferDetailContainer .trashbinlogContent .list-tit+div{
    height:460px!important
}
.quittransferDetailContainer ul .mCSB_container{
    padding-bottom:0!important
}
.inviteteam-modal .modal-content{
    width:700px
}
.inviteteam-modal .modal-title{
    font-size:16px
}
.inviteteam-modal .guide{
    font-size:12px;
    color:#999;
    margin-bottom:15px;
    line-height:26px
}
.inviteteam-modal .copyfield{
    line-height:25px
}
.inviteteam-modal .copyfield .btn{
    padding:3px 10px 0;
    margin-left:12px;
    height:25px
}
.inviteteam-modal .copyfield .colum+.colum{
    margin-top:10px
}
.inviteteam-modal .copyfield .label{
    color:#62a1d8;
    float:left;
    margin-right:5px;
    font-weight:bold
}
.inviteteam-modal .copyfield .controls{
    overflow:hidden;
    color:#fb7960
}
.inviteteam-modal .teampane{
    color:#666
}
.inviteteam-modal .teampane h4{
    font-weight:bold;
    font-size:14px;
    line-height:35px;
    margin:26px 0 0;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef
}
.inviteteam-modal .teampane .noteam{
    font-size:12px;
    color:#999;
    padding:20px;
    text-align:center
}
.inviteteam-modal .teampane .listwrap{
    font-size:12px
}
.inviteteam-modal .teampane .listwrap .bd{
    max-height:160px
}
.inviteteam-modal .teampane .unit{
    border-bottom:1px solid #efefef;
    line-height:40px;
    overflow:hidden
}
.inviteteam-modal .teampane .hd .unit{
    font-weight:bold
}
.inviteteam-modal .teampane .bd .unit:last-child{
    border-bottom:0
}
.inviteteam-modal .teampane .unit .item{
    padding-left:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float:left
}
.inviteteam-modal .teampane .unit .item:last-child{
    padding-right:20px
}
.inviteteam-modal .teampane .unit .sn{
    width:8%;
    padding-right:5px
}
.inviteteam-modal .teampane .unit .name{
    width:40%;
    padding-left:0
}
.inviteteam-modal .teampane .unit .man{
    width:22%
}
.inviteteam-modal .teampane .unit .count{
    width:15%
}
.inviteteam-modal .teampane .unit .status{
    width:15%
}
.nodata-holder{
    text-align:center
}
.nodata-holder>div>*{
    margin:0 0 10px 0;
    display:block;
    line-height:24px
}
.nodata-holder>div>i.ico{
    margin:0 0 20px 0;
    background:url(../images/inbox.png) no-repeat center center;
    height:73px
}
.nodata-holder>div>i.ico.collect{
    background:url(../images/star.png) no-repeat center center;
    height:93px
}
.nodata-holder>div>i.ico.message{
    background:url(../images/bell.png) no-repeat center center;
    height:80px
}
.nodata-holder>div>p.large{
    font-size:16px
}
.nodata-holder>div>p{
    color:#999
}
.nodata-holder>div>p.small{
    font-size:12px
}
.nodata-holder>div>h4{
    color:#666
}
.nodata-holder .btn-div .btn+.btn:not(.btn-block){
    margin-left:10px
}
.nodata-holder *.hide{
    display:none
}
.control-prompt-message{
    display:inline-block;
    vertical-align:top;
    height:30px;
    line-height:30px;
    cursor:pointer;
    color:#fb6e52
}
.ispay-remind{
    position:fixed;
    left:210px;
    right:0;
    top:130px
}
.ispay-remind h3{
    margin-bottom:15px;
    font-size:16px
}
.payRemind-modal .modal-dialog{
    width:500px
}
.modal-placard .mCSB_container{
    padding-bottom:220px
}
.modal-placard .modal-dialog{
    width:800px
}
.timecarddetail-box .datepicker-days table{
    min-height:500px
}
.module-help{
    position:absolute;
    top:16px;
    right:20px;
    cursor:pointer
}
.module-help a:link,.module-help a:hover,.module-help a:active,.module-help a:visited{
    color:#999;
    text-decoration:none
}
.tree-selector-dropdown:hover .dropdown-toggle{
    z-index:101;
    position:relative;
    border-color:#a3adba;
    border-bottom:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background:#fff;
    box-shadow:none
}
.tree-selector-dropdown:hover .dropdown-div{
    margin-top:-1px
}
.tree-selector{
    padding:10px 15px
}
.tree-selector .selector-result:not(:empty){
    padding:10px;
    border:1px solid #ddd;
    border-radius:3px
}
.tree-selector .selector-result .title{
    margin:5px 0;
    height:30px;
    line-height:30px
}
.tree-selector .selector-result .item{
    display:inline-block;
    margin-right:6px;
    height:24px;
    line-height:24px;
    padding:0 5px;
    color:#666;
    background:#eee;
    font-size:12px;
    border-radius:2px;
    vertical-align:top;
    margin-top:6px
}
.tree-selector .selector-content{
    border:1px solid #ddd;
    border-radius:3px;
    padding:10px 0
}
.selector-result:not(.hide)+.selector-content{
    margin-top:15px
}
.tree-selector .treenode{
    line-height:30px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.tree-selector .treenode.selected{
    background:#eee
}
.tree-selector .treenode a{
    color:#666;
    text-decoration:none;
    cursor:pointer
}
.tree-selector .treenode .nodeicon{
    margin-right:3px
}
 